HTML的列表
列表是网页中最常用的一种数据排列方式。在HTML中,列表共有三种:有序列表、无序列表和定义列表。
有序列表
1.一般采用数字或字母作为顺序,默认采用数字顺序。
语法:
<ol>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ol><ol>和</ol>标志着有序列的开始和结束,而<li>和</li>标签表示这是一个列表项
无序列表
语法:
<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>
<ul>和</ul>标志着一个无序列表的开始和结束,<li>表示这是一个列表项
自定义列表
语法:
<dl>
<dt>名词</dt>
<dd>描述</dd>
......
</dl>
<dl>标记和</dl>标记分别定义了定义列表的开始和结束,dt标签用于添加要解释的名词,而dd标签用于添加该名词的具体解释。
表格
表格的基本构成标签
table 标签:表格标签
caption标签:表格标题
tr 标签:表格中的行
th 标签 : 表格的表头
td 标签:表格单元格
表格的基本结构
定义表头 |
---|
定义单元格 |
表格标题
语法:
<table>
<caption>表格标题</caption>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
<table>
一个表格只能有一个标题,也就是只能有一个caption标签。在默认情况下,标题位于整个表格的第一行
表格空间
有以下两个属性,用于调整 HTML 表格中单元格的空间:
cellspacing 属性-定义表格单元格之间的空间
cellpadding 属性-表示单元格边框与单元格内容之间的距离
合并单元格
如果要将两个或多个列合并为一个列,将使用 colspan 属性
如果要合并两行或更多行,则将使用 rowspan 属性
表单
表单:HTML 表单用于收集不同类型的用户输入。
当用户要在表单中输入字母,数字等内容时,就会用到文本域
框架
整合框架:
<frameset></frameset>
内联框架:
<iframe></iframe>
属性:
width 宽
height 高
scrolling 规定是否在框架中显示滚动条
src 规定在 iframe 中引入的 UR