HTML的列表表格表单知识点
无序列表格式 有序列表格式
<ul> <ol>
<li>第一项</li> <li>第1项</li>
<li>第二项</li> <li>第2项</li>
<li>第三项</li> <li>第3项</li>
</ul> </ol>
特性:
1.没有顺序,每个<li>标签独占一行(块元素)。 1.有顺序,每行独占一行元素(块元素)。
2.默认<li>标签项前面有个实心小圆点。 2.每行标签前面会自带数字顺序标记。
3.一般用于无序类型的列表,如导航,侧边栏新闻,有规律的图文组合模块等。 3.用于有序列表的例子:试卷,调查问卷等。
定义列表格式 定义列表特点:
<dl> 1.没有顺序,每个<dt>,<dd>都独占一行(块元素)。
<dt>标题一</dt> // <dt> 列表的标题 2.默认没有标记。
<dd>第1项</dd> // <dd> 列表的内容 3.一般用于一个标题<dt>下有多个<dd>项目。
<dd>第2项</dd> 三种列表使用注意事项:
<dt>标题二</dt> 1.无序列表中的元素都是平级的,没有级别之分,而且列表中的内容都是相对简单的标题性质的网页内容;
<dd>第1项</dd> 有序则是按数字顺序排列。
</dl> 2.在实际的网页应用中无序比有序应用更广,有序一般用于显示带顺序的场合。
3.列表格式一般用于带有标题和标题性解释的场合。
表格 跨列用法 跨行用法
<table> <table> <table>
<tr> <tr> <tr>
<th>标题</th> <td colspan="所跨越的列数">单元格内容</td> <td rowspan="所跨越的行数">单元格内容</td>
</tr> </tr> </tr>
<tr> </table> </table>
<td>单元格</td>
</tr>
</table>