第2章超文本标记语言(HTML) 本章主要讲解 超文本标记语言HTML的概念 HTM文档结构特征,编写一般网页的HTM文档 HTML各类标记的使用方法 网上商店实例中的基本网页编写方法
第2章 超文本标记语言（HTML） 本章主要讲解： 超文本标记语言HTML的概念 HTM文档结构特征，编写一般网页的HTM文档 HTML各类标记的使用方法 网上商店实例中的基本网页编写方法
2.1HML概述 HTML(超文本标记语言)是一种描述文档结构的标 注语言,它使用一些约定的标记对WWW上的各种 信息进行标注。当用户通过网页浏览WWW上的信 息时,浏览器会自动解释存在于网页源代码中的这 些标记的含义,并按照这些标记约定的格式在屏幕 上显示这些被标记的内容,从而形成网页
2.1 HTML概述 HTML（超文本标记语言）是一种描述文档结构的标 注语言，它使用一些约定的标记对WWW上的各种 信息进行标注。当用户通过网页浏览WWW上的信 息时，浏览器会自动解释存在于网页源代码中的这 些标记的含义，并按照这些标记约定的格式在屏幕 上显示这些被标记的内容，从而形成网页
2.1HM概述 HTML文件内容实际上是由一系列的标记段相互嵌套、 或者相互并列形成,在每一个标记段之中包含着网 页显示时需要的文字、资源地址、脚本语言程序 因此,从文档结构上看,HTM文档由标记段组成, 每一个标记段称为文档元素
2.1 HTML概述 HTML文件内容实际上是由一系列的标记段相互嵌套、 或者相互并列形成，在每一个标记段之中包含着网 页显示时需要的文字、资源地址、脚本语言程序。 因此，从文档结构上看，HTM文档由标记段组成， 每一个标记段称为文档元素
2.1HM概述 组成HTM文档的元素有许多种,用于组织文件的内容和指导文件 的输出格式。绝大多数元素是“容器”,即它有起始标记和结 尾标记。元素的起始标记叫做起始链接签( Start Tag),元素 结束标记叫做结尾链接签( End Tag),在起始链接签和结尾链 接签中间的部分是元素体。每一个元素都有名称和可选择的属 性,元素的名称和属性都在起始链接签内标明。以下是一个简单 的HTM文档“p2-1htm”内容,而将它在TE浏览器中打开显示 的结果如图所示
2.1 HTML概述 组成HTM文档的元素有许多种，用于组织文件的内容和指导文件 的输出格式。绝大多数元素是“容器” ， 即它有起始标记和结 尾标记。元素的起始标记叫做起始链接签（Start Tag），元素 结束标记叫做结尾链接签（End Tag），在起始链接签和结尾链 接签中间的部分是元素体。 每一个元素都有名称和可选择的属 性，元素的名称和属性都在起始链接签内标明。以下是一个简单 的HTM文档“p2-1.htm”内容，而将它在IE浏览器中打开显示 的结果如图所示
2.1ⅢTML概述 TTLE>武汉工业学院 以此表示一份简单HTM文档的结构以及网页显示形式 武汉工业学院- Microsoft Internet Explorer 文件(编辑E查看(收藏A工具(帮助出 中后退,+,③团备搜索收藏夹守媒体 地址(D 圈 http:/localhostasp/p2-1.htm ◇转到链接” 以此表示一份简单HM文档的结构以及网页显示形式 完毕 本地 Intranet
2.1 HTML概述 武汉工业学院 以此表示一份简单HTM文档的结构以及网页显示形式
2.1HTML概述 用于创建或者编辑HTM文档的软件工具很多,既可以选用具 有简单文本文件编辑功能的文字处理软件,如 Microsoft Note Pad(记事本)、 Microsoft Word Pad(写字板) Microsoft word等等;也可以选用具有网页文件编辑功能 的专用软件,如 Microsoft FrontPage、 DreamWear等等。 具有网页文件编辑功能的专用软件无疑是编辑HTM文档最方 便的工具。书中所有HTM文档源代码均采用 Microsoft Note Pad(记事本)格式给出
2.1 HTML概述 用于创建或者编辑HTM文档的软件工具很多，既可以选用具 有简单文本文件编辑功能的文字处理软件，如Microsoft NotePad（记事本）、Microsoft WordPad（写字板）、 Microsoft Word等等；也可以选用具有网页文件编辑功能 的专用软件，如Microsoft FrontPage、DreamWear等等。 具有网页文件编辑功能的专用软件无疑是编辑HTM文档最方 便的工具。书中所有HTM文档源代码均采用Microsoft NotePad（记事本）格式给出
2.2HM文档结构 个基本HTM文档的结构应该如图所示。 HTML> sHEDD TTLE>武汉工业学院 标记段 ≤ boDY bgcolor= vellow P以此表示一份简单HmM文档的结构以及网页显示形式P </BODYe HTM≥
2.2 HTM文档结构 一个基本HTM文档的结构应该如图所示
2.2.1标记段 在HTML>标 记段中,应该并列嵌 套 浏览器窗口标题写在这里 HEAD> 标记段和 . 的常用形式为:
2.2.1 标记段 在…标 记段中，应该并列嵌 套 … 标 记 段 和 … 标记段，分别用以显 示网页窗口标题及其 网页正文。其最简单 的常用形式为： 浏览器窗口标题写在这里 HTM 文档的正文写在这里
2.2.2标记段 ./HEAD>标记段用于标记.标记和一个….标记的典型用法为: 分别表示本HTM文档使用中国语言、其文本字符集为“GB2312
2.2.2 标记段 …标记段用于标记…标记段首，其间 可以包含若干个标记和一个…标记段。 标记的典型用法为： 分别表示本HTM文档使用中国语言、其文本字符集为“GB2312”
2.2.3标记段 . 标记中通过设置相关属性来设定。标记的常用文法格 式为: <BODY bgcolor=# text=# link=* alink=* vlink=* background=“ imageURL
2.2.3 标记段 …标记段用于标记HTM文档正文，即，浏览 器窗口中显示的所有内容均应该书写在… 标记段中。凡是涉及整个网页的属性设置，包括网页背景色彩 或者背景图案、网页上的各类文本色彩等等，均可在 标记中通过设置相关属性来设定。标记的常用文法格 式为：