课程主题使用定义文档结构文字与段落等标签设计网页网页客户.pptx

;使用定义文档结构、文字与段落等标签设计网页;使用定义文档结构、文字与段落等标签设计网页;定义文档结构标签;（3）定义文档信息及标题head、title标签

head标签用于定义文档的头部，它是所有头部元素的容器。head中的元素可以引用脚本、

指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息，包括

文档的标题、在Web中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正

作为内容显示给读者。下面这些标签可用在head部分：

base、link、meta、script、style以及title。

title定义文档的标题，它是head部分中唯一必需的元素。浏览器会以特殊的方式来使用标题，

并且通常把它放置在浏览器窗口的标题栏或状态栏上。当把文档加入用户的链接列表或者收藏夹或

书签列表时，标题将成为该文档链接的默认名称。;（4）定义文档的主体body标签

body标签定义网页正文的内容，包含文档的

所有内容，比如文本、超链接、图像、视频、动画、

表格和列表等等。;（5）设置基底网址base标签

base用于设定页面上所有链接的默认地址或默认目标，通常情况下，浏览器会从当前文档的

URL提取相应的元素来填写相对URL，使用base后，则使用该标签中的URL来填写。包括a、

img、link、form标签中的URL。

base是单标签，必须位于head中。例如，定义了如下base标签：headbase

href=target=”_self”/head

则在如下a标签中：

ahref=”index”网易/a

浏览网页时，鼠标指向超链接“网易”时，将在状态栏中显示解析地址：

/index，单击该链接，将打开网易首页。;（6）定义文档元信息meta

meta标签定义页面中的一些信息，例如针对有哪些信誉好的足球投注网站引擎和更新频度的描述和关键词、作者信息、

网页过期时间、重定向等，这些信息不会出现在网页中。通过meta标签的属性定义了与文档相关

联的名称/值对。meta标签为单标签，必须位于head中。例如：

metaname=“keywords”content=“计算机、英语、经管、财会、职场”

说明：这行代码表示在该HTML文件中，定义的关键字（name=“keywords”，名称），当利

用有哪些信誉好的足球投注网站引擎有哪些信誉好的足球投注网站时，输入任何一个关键字（content=“计算机、英语、经管、财会、职场”，值）都

可以有哪些信誉好的足球投注网站到该网页。;例1-4

定义文档结构标签应用示例。实现在网页中使用h1-h6标签显示正文标题。

!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtd

htmlxmlns=/1999/xhtml

head

metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/

title定义文档结构标签应用示例/title

;例1-4定义文档结构标签应用示例，实现在网页中使用h1-h6标签显示正文标题。

/head

body

!--主要了解文档结构相关标签，和h1-h6段落标签的应用--

h6今天天气真好。/h6

h5今天天气真好。/h5

h4今天天气真好。/h4

h3今天天气真好。/h3

h2今天天气真好。/h2

h1今天天气真好。/h1

/body

/html;例1-4知识点：

h1-h6标题文字的大小由大到小。

!----注释标签，写注释是程序员的一个好习惯。;例1-5

使用meta标签重定向

!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtd

htmlxmlns=/1999/xhtml

head

metah