4．字形元素
使用标签<b>和</b>定义一个粗体字形元素，如代码1-5.html 中使用<b>Some Text</b>显示一个粗体字体。
<html>
<head><title>HTML 文档示例</title></head>
<body>
<b>Some Text</b>
</body>
</html>
使用标签<u>和</u>定义一个下划线字形元素，如代码1-6.html 中使用<u>Some Text</u>显示一个带下划线的字体。
代码1-6 下划线字体标签<u>和</u> 1-6.html
<html>
<head><title>HTML 文档示例</title></head>
<body>
<u>Some Text</u>
</body>
</html>
使用标签<i>和</i>定义一个斜体字形元素，如代码1-7.html 中使用<i>Some Text</i>显示一个斜体字体.
代码1-7 斜体字体标签<i>和</i> 1-7.html
<html>
<head><title>HTML 文档示例</title></head>
<body>
<i>Some Text</i>
</body>
</html>
5．链接
HTML 文档中指向其他Web 资源，如另一个HTML 页面、图片等的链接被称为“锚”。在HTML中使用标签<a>和</a>定义一个锚元素，即链接元素，也就是说在<a>和</a>之间的内容，会成为一个超链接。
6．图像元素
使用标签<img>定义一个图片元素，在标签中使用属性src 来指向一个图片资源，象这样<imgsrc=”url”>，其中url 是指向资源所在位置。这个位置可以是一个URL，也可以是一个相对地址，如<imgsrc=”one.gif”>，这时，图片one.gif 和HTML 文档在同一目录下。
7．表格元素
使用标签<table>和</table>定义一个表格元素。一个表格由“行”构成，每一行由数据单元构成。表格的“行”用标签<tr>和</tr>定义，数据单元用签<td>和</td>定义。代码1-8 所演示的HTML 文档显示了一个完整的表格。
代码1-8 HTML 的表格元素 1-8.html
<table border=”1″>
<tr>
<td>第一行数据单元1</td>
<td>第一行数据单元2</td>
</tr>
<tr>
<td>第二行数据单元1</td>
<td>第二行数据单元2</td>
</tr>
</table>
8．列表元素
说明：HTML 的列表分为无序列表和有序列表。无序列表用标签<ul>和</ul>定义，每一个列表项用标签<li>和</li>定义。代码1-9 所演示的HTML文档显示了一个无序列表，它有3 个列表项。显示效果如图1.12 所示。代码1-9 HTML 的无序列表元素 1-9.html
<ul>
<li>PHP</li>
<li>Python</li>
<li>Perl</li>
</ul>
有序列表用标签<ol>和</ol>定义，每一个列表项用标签<li>和</li>定义。代码1-10 所演示的HTML文档显示了一个有序列表，它有3 个列表项，显示效果如图1.13 所示。代码1-10 HTML 的有序列表元素 1-10.html
<ol>
<li>C++</li>
<li>Java</li>
<li>Pascal</li>
</ol>
9．表单元素
HTML 表单是一个包含表单元素的区域，表单元素一般会作为数据，提交给后台服务器做处理。表
单域用标签<form>和</form>定义。表单元素是那些定义在表单域里，可以输入信息的元素，如文本框、
单选按钮、下拉列表等。
最常用的表单标签是<input>，标签的类型由标签属性type 决定，不同的标签类型，显示出不同的
表单元素。用<input>的属性“type=”text””来定义普通文本输入框，属性“type=”password””来定义密
码输入框。代码1-11 所演示的HTML 文档显示一个文本输入框和一个密码输入框，显示效果如图1.14
所示。
代码1-11 HTML 表单元素之文本输入框 1-11.html
<form>
用户名：<input type=”text” name=”user_name”>
<br/>
密码：<input type=”password” name=”pwd”>
</form>
用<input>的属性“type=”radio””来定义单选按钮。代码1-12 所演示的HTML 文档显示一组单选按
钮，显示效果如图1.15 所示。
代码1-12 HTML 元素之单选按钮 1-12.html
<form>
男<input type=”radio” name=”sex” value=”male”>
女<input type=”radio” name=”sex” value=”female”>
</form>
注意：要在多个单选按钮中实现单选效果，那么这几个单选按钮name 属性的值必须相同，即定义
为同一组单选按钮。
用<input>的属性“type=”checkbox””定义复选框。代码1-13 所演示的HTML 文档显示一组复选框，
显示效果如图1.16 所示。
代码1-13 HTML 表单元素之复选框 1-13.html
<form>
我喜欢PHP<input type=”checkbox” name=”script” value=”PHP”>
我喜欢JSP<input type=”checkbox” name=”script” value=”JSP”>
我喜欢ASP<input type=”checkbox” name=”script” value=”ASP”>
</form>
表单元素的值，一般都会被提交到后台服务器的某个程序做处理。这个提交的动作，由表单域的提
交按钮完成。用<input>的属性“type=”submit””来定义一个提交按钮。代码1-14 所演示的HTML 文档
显示一个表单域，其中包含有一个提交按钮，显示效果如图1.17 所示。
代码1-14 HTML 表单元素之提交按钮 1-14.html
<form name=”form_1″ action=”afile.php” method=”post”>
用户名：<input type=”text” name=”user_name”><br/>
<input type=”submit” value=”提交”>
</form>
