HTML-2

HTML颜色表示

· 网页中的颜色有三种表示方法:

· 

o 颜色单词:blueredgreen

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-equivname

· 

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="2URL=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:左右单元格合并(跨列),合并时,有增就有减,要保证每一行单元格的个数不变。

 

你可能感兴趣的:(HTML-2)