HTML中的表格标签及列表标签
HTML中，表格⽤于现实或展⽰数据，列表⽤来布局。
表格标签、列表标签
表格标签
表格标签基本语法
<table>
<tr>
<td>请输⼊⽂本</td>
<td>请输⼊⽂本</td>
...
<td>请输⼊⽂本</td>
</tr>
<table>
表头单元格标签
< th>表头单元格内的⽂字会加粗并居中显⽰。
表格属性
表格属性需要写在< table>内。即< table key=“value”>< /table>
属性名描述
align表格对齐⽅式：left，center，right
border是否有边框：“1"或” "
cellpadding单元边缘与其内容之间的空⽩
cellspacing单元格之间的空⽩width表格宽度
height表格⾼度
结构标签
< thead>为表头部区域，< tbody>为表头主体区域。
①< thead>< /thead>:⽤于定义表格头部，内部必须有< tr>< /tr>标签。
②< tbody>< /tbody>:⽤于定义表格主体，放数据本体。
单元格合并
①跨⾏合并：rowspan=“合并单元格数”，合并代码写在最上侧单元格内（⽬标单元格）。
②跨列合并：colspan=“合并单元格数”，合并代码写在最左侧单元格内（⽬标单元格）。
html ul标签
合并步骤如下：
①确定合并⽅式（跨⾏/列）。
②到⽬标单元格写合并⽅式。
< td colspan=“个数”>< /td>
③删除多余单元格
列表标签
表格标签⽤来显⽰数据，列表⽤来布局，分为⽆序列表，有序列表和⾃定义列表。
⽆序列表
< ul >标签表⽰⽆序列表，⼀般以项⽬符号形式呈现，⽽< li >⽤于定义列表项。
基本语法：
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>.......</li>
</ul>
①⽆序列表中列表项⽆顺序级别之分，是并列的。
②< ul >⾥只能放< li >标签。
③< li >< /li >内可放其他标签。
有序列表
< ol >标签表⽰⽆序列表，列表以数字形式呈现，⽽< li >⽤于定义列表项。
基本语法：
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>.......</li>
</ol>
①< ol >< /ol >内只能放< li >标签。
②< li >< /li >内可放其他标签。
⾃定义列表
在HTML中，< dl >⽤于定义⾃定义列表，会与< dt >(定义项⽬名字)和< dd >(描述每个项⽬/名字)⼀起使⽤。基本语法：
<dl>
<dt>名词</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
</dl>
①< dl >< /dl >中间只能出现< dd >和< dt >标签。
②< dt >和< dd >是并列关系。
③通常⼀个< dt >对应包含多个< dd >。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。