HTML与CSS前台页面设计许莉第03章HTML网页头部标记课件教学.pptVIP

3.2 base标记及其属性 base标记一般格式为： base属性=属性值 / 在HTML中，base 标记提供两种基本属性： 1．href属性 该属性设定链接地址的前缀，规定页面链接的基准URL。 2．target属性 该属性设定文件显示的窗口，规定链接的页面打开方式。在HTML中，根据实际需要，可选新窗口(_blank)、原窗口(_self)、父窗口(_parent)、最外层窗口(_top)四种打开方式。 3.6 script标记及其属性 script标记是脚本标记，在HTML中是一个双标记，用于为HTML文档定义客户端脚本信息。此标记可在文档中包含一段客户端脚本程序（客户端脚本程序能使文档更好地对客户端的事件作出反应，此标记可以位于文档中任何位置，但常位于head标记内，以便于维护）。 本节将结合本章所学内容，介绍一个HTML文档头部的设计。 设计一个HTML文档头部，要求为页面设定字符集；设定便于搜索引擎搜索的关键字；设定一些描述网页的信息，告诉搜索引擎本站点的主要内容；能够调用外部样式表并在头部加载脚本文件。 小结 HTML头部标记是head，在头部标记head的下一层标记中，主要有： 标题标记title 基底网址标记base 元信息标记meta 基链接标记link 定义文档样式标记style 定义客户端脚本标记script 这些标记主要用于设定页面的一些基本信息，如页面标题，简要描述网页内容，定义页面关键字，定义文档样式表，插入脚本语言程序等。一般来说,位于头部的内容都不会在网页上直接显示，而是通过浏览器内部方式起作用。 PPT研究院 POWERPOINT ACADEMY * * HTML与CSS前台页面设计 HTML网页头部标记 第三章 HTML与CSS前台页面设计 第3章 HTML网页头部标记 HTML与CSS前台页面设计 本章要点 TITLE标记及其属性 BASE标记及其属性 META标记及其属性 LINK标记及其属性 STYLE标记及其属性 SCRIPT标记及其属性 第3章 HTML网页头部标记 HTML与CSS前台页面设计 目录： 3.1 title标记及其属性 3.2 base标记及其属性 3.3 meta标记及其属性 3.4 link标记及其属性 3.5 style标记及其属性 3.6 script标记及其属性 3.7 综合实例 3.1 title标记及其属性 title标记是一个页面标题标记。它将HTML文件的标题显示在浏览器的标题栏中，用以说明文件的用途。这个标记只能应用于标记head与/head之间。 title标记一般格式为： title 文件标题/title title标明该HTML文件的标题，是对文件内容的概括。一个好的标题应该能使读者从中判断出该文件的大概内容。文件的标题一般不会显示在文本窗口中，而以窗口的名称显示出来。每个文档只允许有一个标题。 3.2 base标记及其属性 base标记是一个基底网址标记，在HTML中是一个单标记。该标记用以改变文件中所有连结标记的参数内定值。它只能应用于标记head与/head之间，并在所有带有URL地址的语句之前。使用base标记时，网页上的所有相对路径在链接时都将在前面加上基底网址。 3.3 meta标记及其属性 meta标记是元信息标记，在HTML中是一个单标记。该标记可重复出现在头部标记中，用来指明本网页的作者、网页制作工具、所包含的关键字，以及其他一些描述网页的信息。另一个作用就是创建HTTP响应头，以便让浏览器知道如何去处理这个网页。例如这个网页什么时候过期，隔多少时间自动刷新等。 meta标记一般格式为： meta 属性名称=属性值 常用属性如下： 1．name属性为meta标记中的名称/值对提供了名称。 2．http-equiv属性指示服务器在发送实际的文档之前要传送给浏览器的文档头部包含名称/值对。 3. content属性为meta标记提供了名称/值对中的值。content 属性始终要和name属性或 http-equiv属性一起使用。 3.3 meta标记及其属性 3.4 link标记及其属性 link标记是关联标记，在 HTML中是一个单标记。用于定义当前文档与Web集合中其他文档的关系，建立一个树状链接组织。link标记并不实际链接到文件中，只是提供链接该文件的一个路径。link标记最常用的是用来链接CSS样式表文件。 link标记一般格式为： link属性=属性值 3.5 style标记及其属性 style标记是样式标记，在HTML中是一个双标记，用于为HTML文档定义样式信息。style元素位于head部分中。使用sty