HTML表格 2020.09.02

表格标签

<!--<tr> 表格中的行 -->
<!--<td> 表中的列单元格 -->
<!--tr>td*3 table 输入有惊喜-->
<table>
    <tr>
       <td>单元个内的文字</td>
    </tr>
</table>

表头标签<th></th>

th加粗居中显示

<!--<th>表头标签</th>-->
<table>
    <tr>
       <th>表头标签</th>
    </tr>
</table>

表格属性

thead tbody

<thead> 表格的头部

<thbody> 表格的主体

目标单元格 合并单元格

跨行合并 rowspan="合并单元格的个数"

跨列合并colspan="合并单元格的个数"

无序列表

<!-- <ul>里边只能放<li>标签 -->
<!-- <li>里边可以放任何元素 -->
<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ul>

有序列表

<!-- <ul>里边只能放<li>标签 -->
<!-- <li>里边可以放任何元素 -->
<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ol>

自定义列表

<dl>
    <dt>食物</dt>
    <dd>肌肉</dd>
    <dd>面包</dd>
</dl>

表单域 收集传递用户填写的信息

<form action="url地址" method="提交方式" name="表单名称">
    
</form>