html网页布局模板[归类].pdfVIP

1 html 笔记 一、 HTML 的概述（了解） a.html 是什么 ： hypertext markup language 超文本标记语言 超文本：音频，视频，图片称为超文本。 . 标记 ： 英文单词或者字母 称为标记 . 一个 HTML 页面都是由各种 标记组成。 b. 作用：编写 HTML 页面。 c.HTML 语言不是一个编程语言 (有编译过程 ) ，而是一个标记语言 ( 没有编译过 程). HTML 页面直接由浏览器解析执行。 二、 HTML 的历史（了解） 三、 HTML 的网络术语（明白） * 网页 ：由各种标记组成的一个页面就叫网页 . * 主页 ( 首页 ) : 一个网站的起始页面或者导航页面 . * 标记 :p 称为开始标记 /p 称为结束标记 . 也叫标签 .每个标签都规定好了特殊 的含义。 * 元素： p 内容/p 称为元素 . * 属性： 给每一个标签所做的辅助信息。 * xhtml ： 符合 XML 语法标准的 HTML。 * dhtml ：dynamic, 动态的。 javascript + css + html 合起来的页面就是一个 dhtml * http ：协议标准。用来规定客户端浏览器和服务端交互时数据的一个格式。 SMTP 邮件传输协议 ,ftp: 文件传输协议 . 四、 HTML 的编辑工具（了解） *.notepad 记事本 *.editplus : 语法高亮显示 技巧： 根据颜色判断单词是否出错。 （不是 100% ） *.ultraedit : 根据颜色判断单词是否出错 ,可以显示 2 进制数据 . *.dw(dreamweaver, 专业工具 ) 代码提示 . 五、 HTML 的规范 (知道 ) *.HTML 是一个弱势语言 *.html 不区分大小写 *.html 页面的后缀名是 html 或者 htm( 有一些系统不支持后缀名长度超过 3 个 字符，比如 dos 系统 ) *.html 的结构 1)声明部分。主要作用是用来告诉浏览器这个页面使用的是那个标准。 !doctype html 是 HTML5 标准。 2)head 部分： 不会显示在页面上。作用是告诉浏览器一些页面的额外 信息。 3)body 部分：我们缩写的代码必须放在此标签內。 六、 HTML 的各种标签 (掌握 ) 明确：每个标签都有私有属性。也都有公有属性。 html 中表示长度的单位都是像素。 HTML 只有一种单位就是像素。 body: bgcolor: 背景颜色 background: 背景图片 text: 文本颜色 1.排版标签 所有的浏览器默认情况下都会忽略空格和空行 P：p 代表一个段落 属性： align: 对齐方式 . 取值： left,right,center br 代表是换行。 hr: color: 线的颜色 size : 线的粗细 width: 线的长短 两种写法： 1) 绝对值 eg: 500