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：左右单元格合并（跨列），合并时，有增就有减，要保证每一行单元格的个数不变。