3.7 新手训练营

练习1：使用XHTML制作嵌套列表

{L-End} downloads\3\新手训练营\嵌套列表

提示：本练习中，将使用XHTML来制作一个项目列表和编号列表嵌套在一起的嵌套列表，其中编号列表嵌套在项目列表中。

首先，创建一个空白文档，并切换到【代码】视图中。将光标放置在<body></body>标签之间，输入<ul></ul>标签，创建一个项目列表。

然后，在<ul></ul>标签之间输入“一、学历”文本，并在文本后面输入<ol></ol>标签。

在<ol></ol>标签之间输入“1.博士”文本，使用同样的方法，输入其他<ol></ol>标签和文本。

使用上述方法，制作第2个嵌套列表。并切换到【设计】视图中，查看最终效果。

练习2：使用XHTML制作特定表格

{L-End} downloads\3\新手训练营\特定表格

提示：本练习中，将使用XHTML代码制作一个3行×4列、宽度为200像素、边框粗细为1、单元格边距和间距为2，以及表格标题位于顶部的特定表格。

首先创建一个空白文档，并切换到【代码】视图中。将光标放置在<body></body>标签之间，输入定义表格基本属性的标签。

然后，输入<caption></caption>标签，并在标签之间输入表格标题“特定表格”文本。

最后输入<tbody></tbody>、<tr></tr>、<td></td>及<th></th>标签，来定义表格和表格列组标题。

练习3：使用XHTML制作选择列表

{L-End} downloads\3\新手训练营\选择列表

提示：本练习中，将使用XHTML代码来制作一个具有下拉功能的选择列表。

首先创建一个空白文档，并切换到【代码】视图中。将光标放置在<body></body>标签之间，输入<form></form>标签，并输入用于定义表格属性的id、name和method属性。

然后，在<form></form>标签中，输入<label></label>标签，定义选择列表的名称。

最后，在<label></label>标签下方，继续输入<select></select>标签，定义选择列表名称和ID，同时在<option></option>标签中输入列表选项。

练习4：使用XHTML制作日期选择器

{L-End} downloads\3\新手训练营\日期选择器

提示：本练习中，将使用XHTML代码，来制作一个日期选择器。

首先，创建一个空白文档，并切换到【代码】视图中。将光标放置在<body></body>标签之间，输入<form></form>标签，并输入用于定义表单属性的id、name和method属性。

然后，在<form></form>标签中，输入<label></label>标签，定义日期选择器的名称。

在<label></label>标签下方，继续输入<input type="date" name="date" id="date">，定义日期选择器。

最后，执行【文件】|【保存】命令，保存网页文档。同时，按下F12键，在网页中预览日期选择器。

上一章目录下一章