《HTML教程》_1.4-1.5教学材料.pptxVIP

1.4.1标题HTML标题是用h1~h6标记来表示的。H1标注的标题是最重要的，h2次之，h3再次之，依次类推。标题标记的用法非常简单，格式如下：h1一级标题/h1h2二级标题/h2等等。

标题在HTML中是非常重要的，并非仅仅是因为字体大了一些，粗了一些，而是因为搜索引擎根据网页的标题对网页进行结构和内容的索引，使得用户可以快速浏览你的网页。这对于网页用户的友好性是十分重要的，所以在实际应用中要善于利用标题构建网页结构。标题的例子如清单1-9所示。

1.4.2水平线水平线可以对不同的逻辑区域进行分割，使得网页布局清晰。水平线标记是hr，在网页中写作hr/。它也是HTML中即是开始标记，又是结束标记的标记，后面的“/”不能省略。水平线的例子如清单1-9所示。

1.4.3注释HTML注释用于说明一些其他信息，这些信息会被浏览器忽略，在网页上也看不到它们，它是写给网页编辑人员看的。主要是网页结构说明和区块作用说明等。注释标记格式如下：!--需要说明的内容--需要说明的是，注释标记中不允许出现任何表1-1中的全局属性。

合理的使用注释可以提高网页的可读性、易于理解和维护。注释还有一个作用，就是用注释标记来隐藏浏览器不支持的脚本，这在实际应用中也是一个好的习惯，防止浏览器把不支持的脚本显示为纯文本。

隐藏浏览器不支持脚本的格式如下：scripttype=text/javascript!--functionhello(){alert(HelloWorld!)}//--/script

需要说明的是注释结束标记“--”之前的//是JavaScript的注释符号，作用是避免浏览器中的JavaScript引擎执行--这一符号，这将显示一个错误。script也是一个标准的HTML标记，用于包含可以执行的网页脚本代码，它将在JavaScript部分中详细介绍。注释例子如清单1-9所示。

1.4.4段落段落标记是对网页文字的一种组织方式，将多段文字分段显示，以使文字结构清晰。段落标记用法如下：p段落文字/p这里需要注意的是，段落格式并不像想像的那样，没有首先缩进。

而且每段后面自动加一空行。和标准的段落不太一样。如何进行段落格式控制，在CSS部分再做详细论述。段落例子如清单1-9所示

1.4.5换行浏览器在解析HTML文档时，会自动忽略所有的多余的空白字符（空格、跳格和回车换行），所以如果需要文本或元素另起一行显示，则必须使用换行标记br，在文档中写作br/。

当然使用换行标记布局元素是不科学的，应该使用HTML5的布局元素、div标记和CSS进行网页布局。在清单1-9中，可以很明显的看出，虽然段落内存在多处回车符，但显示在浏览器中，这些回车符就好像消失了。

清单1-9段落和水平线标记h3人就这么一辈子/h3hr/!--下面是两个段落，仔细观察一下显示效果与实际格式和自然段的差别！--p我常以“人就这么一辈子“这句话告诫自己并劝说朋友。这七个字，说来容易，听来简单想起来却很深沉。它能使我在软弱时变得勇敢骄傲时变得谦虚颓废时变得积极，痛苦时变得欢愉，!--省略部分文字--又有什么想不开的呢？/p p人就这么一辈子，想到了这句话，如果我是英雄，便要创造更伟大的功业：如果我是学者，!--省略部分文字--不能白来一遭啊！/p

代码说明如下图：

文本标记其实还有很多，由于篇幅所限不再一一列出。文本样式标记，如粗体、斜体、上标下标等，都作为样式可以在CSS中实现，根据“内容、样式和动作相分离的原则”，不推荐在网页中使用此类标记，所以这些标记不在此进行讨论。

1.5表格标记表格在组织显示数据和布局表单元素时非常有用，在网页制作中占有十分重要的角色。HTML表格是由table表格标记、行标记tr、单元格标记td等组成。table标记包含若干tr标记，即若干行；tr标记包含若干td标记，即包含若干列。

基本的表格结构如下：table tr!--第1行-- td/td!--第1列-- !--其他列（单元格）-- /tr !--其他行--/table

在构建表格时，还会用到其他标记，所用标记如表1-5所示。表1-5表格标记表格描述table用于定义表格caption用于定义表格的标题。th用于定义表格的表头。tr用于定义表格的行。td用于定义表格的单元格。thead用于定义表格的标题行，即包含tr标记或th标记。tbody用于定义表格的主体，可包含tr。tfoot用于定义表格的页脚。col用于定义用于表格列的属性，很少使用。colgroup用于定义表格列的组，很少使用。

需要说明的