复习HTML+CSS（5）
2018-06-24 02:21:57来源：未知 阅读 ()
n <meta>标记
<meta>的主要作用，是提供网页的源信息。比如：指定网页的搜索关键字
<meta>标记有两个属性：http-equiv和name。
1、 http-equiv属性
- 功能：模拟http协议文件头信息，当信息从服务器端传到客户端时，告诉浏览器如何正确的显示网页内容。
- http-equiv属性一般要与content属性配合使用。Content属性指定信息的详细参数。
（1·）设置网页的字符集
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
（2）网页自动刷新
<meta http-equiv="refresh" content="2;url=http://www.baidu.com" /> //2秒后，跳转到百度页面
2、 name属性
name属性主要用于设置网页的搜索关键字、版权信息、作者等。
（1） 设置网页搜索关键字
<meta name="keywords" content="网站建设、网站制作、网站推广" />
（2） 设置网页描述信息
<meta name="description" content="网站建设" />
n XHTML简介
传统的HTML开发的初衷是面向pc机的，而随着移动终端的不断出现，HTML已经不能满足市场的需求了。
XHTML是新一代的HTML标注语言。
XHTML的目的是为了取代HTML。
XHTML的标记，与HTML一模一样。
XHTML的语法要比HTML严格得多。
XHTML可扩展超文本标注语言
n XHTML编写规范
- 所有的标记和属性要全小写
- 单边标记必须关闭。如<br>——><br />
- 所有的属性值都必须要加引号。
- 所有的属性都必须有值。如：<hr noshade />——><hr noshade=”noshade” />
- 标记之间要顺序嵌套，外层套内层，一层套一层。
- XHTML网页必须要有DTD文档类型定义代码。
n DTD文档类型定义
DTD文档类型定义的目的：是一种验证机制，也就是说检验一下你写的XHTML标记语法是否合法。
DTD一共有三大类型：
（1） 严格型的DTD
在严格的DTD中，不能再使用各种表现的标记。如：<font>、<b>、<body bgColor=””>
要求必须使用CSS来取代各种表现标记。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
（2） 过渡型的DTD
在过渡型的ＤＴＤ中，可以继续使用ＨＴＭＬ中的表现的写法
这些表现标记，还可以继续使用。如：＜font＞、＜b＞、<body bgColor=””>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
（3） 框架的DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- frameset.dtd">
n 表格标签（块元素）
1、 表格的结构
<table>
<tr>
<td><td>
<td><td>
<td><td>
<tr>
<tr>
<td><td>
<td><td>
<td><td>
<tr>
</table>
2、<table>属性
u Width：表格宽度，单位可以是百分比，也可以是固定值。
u Height：表格高度。
u Align：表格水平对齐方式，取值：left、center、right
u Border：边框粗细。
u Bordercolor：边框颜色。
u bgColor：表格背景颜色。
u Background：背景图片URL。
u Cellpadding：单元格边线到内容间的距离（填充距离）。
u Cellspacing：单元格与单元格之间的距离（间距）。
u Rules：合并单元格边框线，取值：all
注意：rules兼容性不好，请使用CSS来取代。
3、<tr>属性（行标记）
- Bgcolor：行的背景色
- Height：行的高度
- Align：行中的文本的水平对齐方式
- Valign：垂直对齐方式。取值：top（上）、middle（中）、bottom（下）
4、<td>或<th>属性
<td>是普通单元格，<th>是标题单元格，居中加粗显示。
Width：单元格宽度
Height：单元格高度
Bgcolor：单元格背景色
Background：单元格背景图
Align：水平对齐
Valign：垂直对齐
Rowspan：上下单元格合并
Colspan：左右单元格合并。合并时，有增就得有减，要保证每一行单元格的个数不变。
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：复习HTML+CSS（7）
下一篇：模态框
- HTML骨架 2020-06-10
- CSS3 2020-06-05
- HTML+CSS+JS模仿win10亮度调节效果 2020-06-04
- 除了HTML+CSS，高薪web前端还需要会什么技术？ 2020-04-27
- (html+css)云道首页 2020-04-25
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
