html网页布局实用模板

《html网页布局实用模板》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、实用标准1html笔记一、HTML的概述（了解）a.html是什么：hypertextmarkuplanguage超文本标记语言超文本：音频，视频，图片称为超文本。.标记：<英文单词或者字母>称为标记.一个HTML页面都是由各种标记组成。b.作用：编写HTML页面。c.HTML语言不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过程).HTML页面直接由浏览器解析执行。二、HTML的历史（了解）三、HTML的网络术语（明白）*网页：由各种标记组成的一个页面就叫网页.*主页(首页):一个网站的起始页面或者导航页面.*

2、标记:

称为开始标记

内容

3、巧：根据颜色判断单词是否出错。（不是100%）*.ultraedit:根据颜色判断单词是否出错,可以显示2进制数据.*.dw(dreamweaver,专业工具)代码提示.五、HTML的规范(知道)*.HTML是一个弱势语言*.html不区分大小写*.html页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符，比如dos系统)*.html的结构1)声明部分。主要作用是用来告诉浏览器这个页面使用的是那个标准。是HTML5标准。2)head部分：不会显示在页面上。作用是告诉浏览器一

4、些页面的额外信息。3)body部分：我们缩写的代码必须放在此标签內。六、HTML的各种标签(掌握)明确：每个标签都有私有属性。也都有公有属性。html中表示长度的单位都是像素。HTML只有一种单位就是像素。body:bgcolor:背景颜色background:背景图片文档大全实用标准text:文本颜色1.排版标签所有的浏览器默认情况下都会忽略空格和空行P：p代表一个段落属性：align:对齐方式.取值：left,right,center
代表是换行。hr:color:线的颜色size:线的粗细width:线的长短两种

5、写法：1)绝对值eg:5002)相对值：50%noshade:不要阴影align:对齐方式取值：left,right,centercenter:内容居中pre:预定义格式标签.告诉浏览器不要忽略空格和空行div:块级标签必须单独占据一行属性：align:span:块级标签不换行字体标记2字体标签h1...h6:定义字体大小属性：align:居中font:文档大全实用标准color:字体颜色颜色的写法有3种：1)英文单词:red2)十六进制：#00ffcc3)RGB(三原色):newRGB(124,156,23)size:字体

6、大小face：字体类型特殊字符：<小于>大于&&符号"双引号'单引号©版权™商标 空格扩展：绐b:加粗strong:加粗i:斜体em:斜体u:下划线s:中划线(删除线)sup:上标sub:下标.3.图像标记img:代表是一副图片属性：src:图片的路径两种写法：a):相对路径路径是相对页面所在的路径两个标记.和..,分表代表当前目录和父路径b)：绝对路径文档大全实用标准1):以盘符开始的路径eg:C:DocumentsandSetting

7、sAdministrator桌面day01_html上课示例/images/1.jpg2):网络路径eg:http://www.baidu.com/imageswidth:宽度height：高度Alt：当图片显示不出来的时候代替图片显示的内容title：提示性文本border:边框热点：就是特定的位置添加超链。

8、circle"coords="122,81,38"href="demo_字体标签.html"/>4.清单标记列表标签：3种a.无序列表ul属性：type:值：disc(默认，实心原点),square(实心方点),circle(空心圆)b.有序列表(OL)属性:type:取值：1