HTML-2
HTML颜色表示
· 网页中的颜色有三种表示方法：
·
o 颜色单词：blue、red、green
o 十进制：rgn(255,0,0)、rgb(0,255,0)、rgb(0,0,255)
o 十六进制：#FF0000（红）、#00FF00（绿）、#0000FF（蓝）
· 十进制在HTML中兼容性不好，尽量少用。十进制颜色表示常用于CSS中。
HTML锚点链接
· 含义：锚点链接，是在一个网页的不同区域进行跳转，锚点理解为“定义记号”。
· 定义锚点（做记号）：< a name="锚点名称" > < /a >
·
o 锚点名称的命名规则：可以包含字母、数字、下划线，但只能以字母开头
o 例如：< a name="top2" > < /a >
· 跳转到锚点（跳转记号）:
·
o 语法：< a href="#top2" > < /a >
o 文件名：可有可无，如果是同一个网页的不同部分跳转，不需要文件名；如果是跳到另一个网页的不同部分，必须要有文件名
o
§ 如：< a href="#top2" > 返回顶部< /a > //跳转到同一个网页的不同部分
§ 如：< a href="news.html#bottom" > 返回底部< /a > //跳转到news.html底部
o 注意：这里的< a > < /a > 之间要有内容，否则无法跳转
< meta > 标记
· 作用：是体统网页的元信息。比如：制定网页的搜索关键字。
· < meta > 标记有两个属性：http-equiv和name
·
o http-equiv：
o
§ 功能：模拟http协议文件头信息，当信息从服务器端传到客户端时，告诉浏览器如何正确的现实网页内容。
§ 一般要与content属性配合使用。content属性指定信息的详细参数。
§ 设置网页的字符集
§
§ < meta http-equiv="content-type" content="text/html" charset="utf-8" >
§ 网页自动刷新
§
§ < meta http-equiv="refresh" content="2 > //每隔两秒自动刷新网页
§ < meta http-equiv="refresh" content="2；URL=http://www.ifeng.com" > //每隔两秒自动刷新网页一次跳转
o name属性
o 作用：主要用于设置网页的搜索关键字、版权信息、作者等。
o
§ 设置网页搜索关键字 < meta name="keywords" content="火狐主页，网址导航，上网导航,网址大全,火狐浏览器, 火狐官方社区 >
§ 设置网页描述信息 < meta name="description" content="火狐主页汇集最优秀的网站资源，为您提供最新的新闻资讯、生活服务等众多讯息。从火狐主页出发，开启属于您的互联网时代吧，GO~~" >
XHTML简介
· 基本介绍：
·
o 传统的HTML开发的初衷是面向PC机的，而随机移动终端的不断出现，HTML已经满足不了市场的需求了。
o XHTML是新一代的HTML标注语言，为了取代HTML。
o XHTML标记与HTML一模一样，但语法上要比HTML严格的多。
o XHTML是可扩展的超文本标注语言
· 编写规范：
·
o 所有标记和属性要全小写
o 单边标记必须关闭，如< br / > 、< hr / >
o 所有的属性值必须要加""
o 所有的属性都必须有值，如< hr noshade > —— < hr noshade="noshade" / >
o 标记之间要顺序嵌套，外层套内层，一层套一层
o XHTML网页必须要有DTD文档类型定义代码
DTD文档类型
· 目的：是一种验证机制，也就是说检验一下写的XHTML标记语法是否合法。
· DTD一共有三个分类：
·
o 严格型的DTD（strict）
o
§ 在严格型的DTD中，不能再使用各种表现的标记，要求必须使用CSS来取代各种实现标记。
o 过渡型的DTD(transitional）
o
§ 在过渡型的DTD中，可以继续使用HTML中的表现的写法。这些表现标记还可以继续使用，如：< font > 、< b > 、< body bgcolor >
o 框架的DTD(FRAMESET)
HTML表格
· 表格的结构：
·
o < table >
< tr >
< td > < /td >
< td > < /td >
< /tr >
< /table >
· 表格的结构：
·
o < table >
< tr >
< td > < /td >
< td > < /td >
< td > < /td >
< td > < /td >
< /tr >
< /table >
· < table > 属性
·
o width:表格宽度，单位可以使百分比，也可以是固定值
o height:表格宽度
o align:表格对齐方式，取值：left，center，right
o border：边框粗细
o bordercolor：边框颜色
o bgcolor：表格背景色
o background：背景图片url
o cellpadding：单元格边线到内容间的距离（填充距离）
o cellspacing：单元格与单元格之间的距离（间距）
o rules：合并单元格边框线，取值：all
o
§ 注意事项：rules兼容性不好，请使用CSS取代
· < tr > 属性
·
o height：行高度
o align：行内对齐方式
o valign：行内垂直居中，取值：top、middle、bottom
o bgcolor：行的背景色
· < td > 或< th > 属性
·
o < td > 是普通单元格，< th > 是标题单元格，居中加粗显示
o width：单元格宽度
o height：单元格高度
o bgcolor：单元格背景色
o background：单元格背景图片
o align：水平对齐
o valign：垂直对齐
o rowspan：上下单元格合并（跨行），合并属性必须放在第一个单元格中。
o colspan：左右单元格合并（跨列），合并时，有增就有减，要保证每一行单元格的个数不变。