1.body部分的常用标签元素
HTML元素除了嵌入在＜head＞标签中的标签元素，其他大部分元素都嵌入在＜body＞标签中。这些标签元素有很多，见表1.1。
表1.1 网页正文（body部分）的主要标签元素
续表
2.body部分的常用元素使用举例
1）＜h1＞、＜hr＞、＜font＞、＜sup＞、＜sub＞、＜b＞等标签
HTML的＜h1＞到＜h6＞标签用来定义网页正文里的标题。＜h1＞定义最大的标题，＜h6＞定义最小的标题。
HTML的＜hr＞标签在HTML页面中创建一条水平线。水平分隔线（horizontalrule）可以在视觉上将文档分隔成各个部分。
HTML的＜font＞标签规定文本的字体、字体尺寸、字体颜色。
HTML的＜sup＞、＜sub＞标签可定义上标文本和下标文本。包含在＜sup＞标签和其结束标签＜／sup＞中的内容将会以当前文本流中字符高度的一半（上半高度）来显示，但是与当前文本流中文字的字体和字号都是一样的。包含在＜sub＞标签和其结束标签＜／sub＞中的内容将会以当前文本流中字符高度的一半（下半高度）来显示，但是与当前文本流中文字的字体和字号都是一样的。
HTML的＜b＞标签呈现粗体文本效果。＜b＞标签明确地将包括在它和其结束标签之间的字符或者文本变成粗体。
以上六种标签都是修饰网页文字的标签。下面的实例中分别演示了上面六种标签修饰文字后的效果。
例7 chap1.3.2.1.html。该实例展示＜h1＞、＜hr＞、＜font＞、＜sup＞、＜sub＞以及＜b＞标签对网页文字的修饰效果。
例7的显示效果如图1.11所示。
图1.11 ＜h1＞、＜hr＞、＜font＞、＜sup＞、＜sub＞以及＜b＞标签修饰网页文字的效果
2）＜table＞、＜th＞、＜td＞、＜center＞等标签
在网页制作中，表格是很重要、很常用的网页布局元素。＜table＞标签定义HTML表格。简单的HTML表格由＜table＞元素以及一个或多个＜tr＞、＜th＞或＜td＞元素组成。＜tr＞元素定义表格的行，＜th＞元素定义表头，＜td＞元素定义表格单元。更复杂的HTML表格也可能包括＜caption＞、＜col＞、＜colgroup＞、＜thead＞、＜tfoot＞以及＜tbody＞元素。
图1.12所示是一个简单的HTML表格实例。
图1.12 网页表格实例
图1.12所示实例的HTML代码见“chap1.3.2.2.html”。
3）＜a＞、＜link＞、＜address＞等标签
（1）＜a＞标签。
＜a＞标签定义超链接，用于从一个页面链接到另一个页面。＜a＞元素最重要的属性是href属性，它指定链接的目标。例如要链接到w3school，使用如下属性值的＜a＞标签就可以了：
<ahref="http://www.w3school.com.cn">w3school</a>
（2）＜link＞标签。
＜link＞标签定义文档与外部资源的关系。＜link＞标签最常见的用途是链接样式表。例如在本HTML网页文档中链接一个外部样式表：
<head>
<linkrel="stylesheet"type="text/css"href="theme.css"/>
</head>
（3）＜address＞标签。
＜address＞标签可定义一个地址（比如电子邮件地址）。可使用它来定义地址、签名或者文档的作者身份。不论创建的文档是简短扼要还是冗长完整，都应该确保每个文档都附加了一个地址，这样做不仅为读者提供了反馈的渠道，还可以增加文档的可信度。
例如，假设作为一名为w3school用户服务的工作人员，其地址可以这样进行标记：
<address>
<ahref="mailto:service@w3school.com.cn">用户服务信箱</a>
上海赢科投资有限公司
金桥开发区789号
</address>
注释：请注意，在标记邮箱地址的a元素中，href属性中使用了特殊的＂mailto：＂字段。
4）＜p＞、＜div＞、＜li＞、＜ul＞、＜ol＞等标签
（1）＜p＞标签。
＜p＞标签定义段落。p元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，也可以在样式表中规定。例如，以下代码标记了一个段落：
<p>Thisissometextinaveryshortparagraph</p>
（2）＜div＞标签。
＜div＞标签可定义文档中的分区或节（division／section）。＜div＞标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用id或class来标记＜div＞，那么该标签的作用会变得更加有效。
＜div＞是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是＜div＞固有的唯一格式表现。可以通过＜div＞的class或id应用额外的样式，但不必为每一个＜div＞都加上类或id，虽然这样做也有一定的好处。可以对同一个＜div＞元素应用class或id属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class用于元素组（类似的元素，或者可以将其理解为某一类元素），而id用于标识单独唯一的元素。
例如，文档中如下定义的div区块会显示为绿色：
（3）＜li＞、＜ul＞、＜ol＞标签。
＜li＞标签定义列表项目，＜ul＞标签定义无序列表，＜ol＞标签定义有序列表。往往将＜li＞与＜ul＞结合使用定义无序列表，将＜li＞和＜ol＞结合使用定义有序列表。
例如，网页中要定义如图1.13所示的有序列表和无序列表，其代码见“chap1.3.2.3.html”：
图1.13 列表项标签实例
5）＜form＞、＜input＞标签
（1）＜form＞标签。
HTML中的表单标签＜form＞用于为用户输入创建HTML表单。表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等。表单还可以包含menus、textarea、fieldset、legend和label元素。表单用于向服务器传输数据。
提示：form元素是块级元素，其前后会产生换行。
图1.14是一个简单的表单实例。
图1.14 表单标签实例
图1.14所示实例的代码见“chap1.3.2.4.html”：
（2）＜input＞标签。(www.xing528.com)
＜input＞标签用于收集用户信息。根据不同的type属性值，输入字段拥有很多种不同形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等。
例如上面的表单例子中，在表单内嵌入了两个文本输入框和一个提交按钮：
＜input＞标签的各种属性见表1.2。
表1.2 ＜input＞标签的各种属性
6）＜img＞、＜embed＞标签
（1）＜img＞标签。
＜img＞标签元素用于向网页中嵌入一幅图像。从技术上讲，＜img＞标签并不会在网页中插入图像，而是向网页上添加链接图像。＜img＞标签创建的是被引用图像的占位空间。＜img＞标签有两个必需的属性：src属性 和alt属性。
例如，在页面中插入一幅w3school的工程师在上海鲜花港拍摄的郁金香照片，网页显示效果如图1.15所示。
图1.15 列表项标签实例
本例的代码见“chap1.3.2.5.html”：
<html>
<body>
<imgsrc="yujinxiang.png" alt="上海鲜花港-郁金香"/>
</body>
</html>
（2）＜embed＞标签。
＜embed＞标签用于在网页中定义播放各种音频、视频标签。如下面的代码定义了网页中播放视频“music.mid”的代码：
<embed src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”>
＜embed＞标签的常用属性有：
①src：音乐文件的路径及文件名（完整的路径或URL）；
②ShowTracker：是否显示播放进度条；
③ShowPositionControls：是否显示播放控制按钮如快进等；
④ShowAudioControls：是否显示音量按钮；
⑤ShowStatusBar：是否显示咨询窗；
⑥ShowDisplay：显示更完整的咨询视窗；
⑦EnableContextMenu：防止使用右键；
⑧autostart：true为音乐文件上传完后自动开始播放，默认为false（否）；
⑨loop：true为无限次重播，false为不重播，某一具体值（整数）为重播多少次；
⑩volume：取值范围为“0～100”，设置音量，默认为系统本身的音量；
⑪starttime：“分：秒”，设置歌曲开始播放的时间，如，starttime＝“00：10”，为从第10秒开始播放；
⑫endtime：“分：秒”，设置歌曲结束播放的时间；
⑬width：控制面板的宽；
⑭height：控制面板的高；
⑮controls：控制面板的外观。
controls=“console/smallconsole/playbutton/pausebutton/stopbutton/volumelever”
其中controls有如下常用的参数，各参数的意义如下：
①console：正常大小的面板；
②smallconsole：较小的面板；
③playbutton：显示播放按钮；
④pausebutton：显示暂停按钮；
⑤stopbutton：显示停止按钮；
⑥volumelever：显示音量调节按钮；
⑦hidden：为true时可以隐藏面板。
＜embed＞标签src后的文件也可以是.swf文件，用来播FLASH。
例8 本例演示网页中播放MP3音频（图1.16）和MP4视频的功能（图1.17）。代码见文件“chap1.3.2.5.html”。
图1.16 音频播放实例
图1.17 视频播放实例
音频播放使用的代码如下：
<body>
<h1> 播放MP3文件</h1>
<embedsrc="chap02-5.mp3"align=center>
</body>
视频播放使用的代码如下：
<body>
<h1> 播放MP4文件</h1>
<embedsrc="chap02-5-2.wmv"align=center>
</body>
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
