《Web前端开发技术——HTML、CSS、JavaScript 教学课件 ppt 作者 聂常红 第2讲 DOCTYPE、头部及主体标记》由会员分享，可在线阅读，更多相关《Web前端开发技术——HTML、CSS、JavaScript 教学课件 ppt 作者 聂常红 第2讲 DOCTYPE、头部及主体标记（27页珍藏版）》请在金锄头文库上搜索。
1、第2讲 、头部及主体标记,2.1 标记 2.2 XHTML DOCTYPE类型简介 2.3 头部标记概述 2.4 标题标记 2.5 元信息标记 2.6 主体标记,学习目标,理解DOCTYPE标记作用 理解XHTML DOCTYPE的三种类型 掌握头部常用标记的用法 理解标记的作用 掌握使用标记设置页面属性,2.1 标记,作用：DOCTYPE是document type的简写。主要用来说明你用的XHTML或者HTML是什么版本以及声明用于浏览器进行页面解析用的DTD(文档类型定义)文件。例如： 它放在html文件的最上面，即在标记的上面,3.2 XHTML1.0 DOCTYPE类型简介,XHTM
2、L1.0提供了三种DOCTYPE可选择 : 过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下： ,严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性。完整代码如下： 框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。完整代码如下： ,2.3 头部标记概述,头部标记，主要用于描述当前页面的有关信息，如标题、关键字等，所有头部标记都包含在 标记对中。 一般情况下，位于头部的内容都不会在网页上直接显示，而是通过另外的方式起作用。
3、,表2-1 常用头部标记,2.4 标题标记,基本语法 语法解释 标记之间的内容就是页面的标题 示例,2.5 元信息标记,主要用于设置字符集、网页关键字及描述信息、页面的刷新及跳转等内容 可以在一个页面中使用任意数量的,表2-2 标记属性,设定关键字,基本语法 语法解释 keywords为“关键字”定义，content中定义“关键字”的内容。 例如： ,设定描述,基本语法 语法解释 discription为“描述”定义，content中定义“描述”的内容。 例如： ,设定字符集,基本语法 语法解释 http-equiv传送HTTP通信协议标头，content中定义页面的内码， charset 中
4、设定内码的语系。 例如： ,设定自动刷新,基本语法 语法解释 http-equiv传送HTTP通信协议标头，refresh表示刷新功能， content 中设定刷新间隔的秒数。,设定自动跳转,基本语法 语法解释 http-equiv传送HTTP通信协议标头，refresh表示刷新功能， content 中设定跳转间隔的秒数以及打开的文件地址,、标记将放在后面的CSS和javascript编程中分别介绍,2.6 主体标记,页面的主体标记的作用有二: 一是对页面的各种属性的进行设置； 二是包含所有需要在浏览器中显示的内容,2-3 标记的属性,正文颜色属性text,基本语法 语法解释 color_v
5、alue指定文字的颜色值。 颜色值的书写可以是英文颜色名或十六进制的RGB（#号加六位十六进制数如#ffffff，表示白色）两种方式。,背景颜色属性bgcolor,基本语法 语法解释 color_value指定背景颜色的值。,背景图像属性background,基本语法 语法解释 img_file_url指定图像文件所在的路径。,背景图像固定属性bgproperties,基本语法 语法解释 默认情况下，背景图像是不固定的；fixed设置背景图像为固定效果,链接文字颜色属性link、alink及vlink,基本语法 语法解释 link：设定默认的没有单击过的链接文字颜色；alink：设定鼠标按下链
6、接文字时的链接文字颜色；valink设定单击过后的链接文字颜色。 color_value指定链接文字的颜色值。,上、下、左、右边距属性,基本语法 语法解释 topmargin、bottommargin、leftmargin 及rightmargin属性分别定义页面内容与浏览器上部、底部、左部及右部边框距离， value1value4指定边距的值，单位为像素,小 结,DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本 ，其中的DTD叫文档类型定义，里面包含了文档的规则，浏览器就是根据你定义的DTD来解释你页面的标识，并展现出来。 XHTM
7、L1.0有三种类型可供选择的DOCTYPE：过渡型(Transitional)，严格的(Strict)和框架的(Frameset)。,头部标记主要用于设置页面的相关信息，如标题、关键字等。所有头部标记都包含在标记对中，在这个标记对之间，常见的有设置标题的标记、设置元信息的标记、进行链接外部文件的标记、设置CSS的标记以及设置脚本的标记 主体标记的作用有两个:一是用于设置页面属性，如正文颜色、链接文字颜色、页面背景图象等；二是包含所有需要在浏览器中显示的内容,思考题,DOCTYPE标记有什么作用？ XHTML的DOCTYPE有哪三种类型，如何声明它们？ 头部标记包含的常见标记有哪些? 如何设置网页标题、关键字、字符集以及自动刷新页面? 主体的作用有哪些？ 使用标记对页面进行哪些属性的设置?,
