DOCTYPE、头部及主体标记资料.pptVIP

背景图像属性background 基本语法 body background=img_file_url 语法解释 img_file_url指定图像文件所在的路径。 背景图像固定属性bgproperties 基本语法 body background=img_file_url bgproperties=fixed 语法解释 默认情况下，背景图像是不固定的；fixed设置背景图像为固定效果 无固定属性设置示例 有固定属性设置示例 链接文字颜色属性link、alink及vlink 基本语法 body link=“color_value” alink= “color_value” vlink=“color_value” 语法解释 link：设定默认的没有单击过的链接文字颜色；alink：设定鼠标按下链接文字时的链接文字颜色；valink设定单击过后的链接文字颜色。 color_value指定链接文字的颜色值。 链接文字颜色属性示例 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title设置页面链接文字的颜色/title /head body link=#99CCCC alink=#00FF00 vlink=#FF6600 h2设定不同的链接颜色/h2 a href=默认的链接颜色/a p a href=正在按下的链接颜色/a p a href=访问过后的链接颜色/a /body 上、下、左、右边距属性 基本语法 body topmargin=“value1” bottommargin= “value2” leftmargin=“value3” rightmargin=“value4” 语法解释 topmargin、bottommargin、leftmargin 及rightmargin属性分别定义页面内容与浏览器上部、底部、左部及右部边框距离， value1~value4指定边距的值，单位为像素 未设置边距设置示例 边距设置非零值 边距设置零值 小 结 DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本 ，其中的DTD叫文档类型定义，里面包含了文档的规则，浏览器就是根据你定义的DTD来解释你页面的标识，并展现出来。 XHTML1.0有三种类型可供选择的DOCTYPE：过渡型(Transitional)，严格的(Strict)和框架的(Frameset)。 头部标记主要用于设置页面的相关信息，如标题、关键字等。所有头部标记都包含在head/head标记对中，在这个标记对之间，常见的有设置标题的title标记、设置元信息的meta标记、进行链接外部文件的link标记、设置CSS的style标记以及设置脚本的script标记 主体标记body的作用有两个:一是用于设置页面属性，如正文颜色、链接文字颜色、页面背景图象等；二是包含所有需要在浏览器中显示的内容 思考题 DOCTYPE标记有什么作用？ XHTML的DOCTYPE有哪三种类型，如何声明它们？ 头部标记包含的常见标记有哪些? 如何设置网页标题、关键字、字符集以及自动刷新页面? 主体body的作用有哪些？ 使用body标记对页面进行哪些属性的设置? 第3讲 !DOCTYPE、头部及主体标记 3.1 !DOCTYPE… 标记 3.2 XHTML DOCTYPE类型简介 3.3 头部标记概述 3.4 标题标记title 3.5 元信息标记meta 3.6 主体标记body 学习目标 理解DOCTYPE标记作用 理解XHTML DOCTYPE的三种类型 掌握头部常用标记的用法 理解body标记的作用 掌握使用body标记设置页面属性 3.1 !DOCTYPE… 标记 作用：DOCTYPE是document type的简写。主要用来说明你用的XHTML或者HTML是什么版本以及声明用于浏览器进行页面解析用的DTD(文档类型定义)文件。例如： !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd 它放在html文件的最上面，即在html标记的上面 3.2 XHTML1.0 DOCTYPE类型简介 XHTML1.0提供了三种DOCTYPE可选择 : 过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下： !DOCTYPE