html网页布局实用模板.docVIP

实用标准文案 文档大全 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 2) 相对值： 50% noshade: 不要阴影 align: 对齐方式 取值： left,right,center center: 内容居中 pre: 预定义格式标签 .告诉浏览器不要忽略空格和空行 div: 块级标签 必须单独占据一行 属性： align : span: 块级标签 不换行字体标记 2 字体标签 h1...h6:定义字体大小 属性： align :居中 font: color:字体颜色 颜色的写法有3种： 1)英文单词: red 2)十六进制：#00ffcc 3)RGB(三原色) : new RGB(124,156,23) size:字体大小 face：字体类型 特殊字符： lt;小于 gt;大于 amp; 符号 quot; 双引号apos;单引号 copy; 版权 trade;商标 nbsp;空格 扩展：#32464; b: 加粗 strong: 加粗 i:斜体 em: 斜体 u: 下划线 s: 中划线(删除线) sup: 上标 sub: 下标. 3.图像标记 img: 代表是一副图片 属性： src : 图片的路径 两种写法：a) : 相对路径 路径是相对页面所在的路径 两个标记.和.. ,分表代表当前目录和父路径 b) ：绝对路径