web前端-------HTML标签（2）

表格标签

表格标签基本语法

 <table>
        <tr>
            <td>单元格内的内容</td>
        </tr>
    </table>

<table></table>用于定义表格的标签
<tr></tr>用于定义表格中的行，必须嵌套在<table></table>标签内
<td><td>用于定义表格中的单元格，必须嵌套在<tr></tr>内

<table>
    <tr><td>姓名</td> <td>性别</td> <td>年龄</td></tr>
    <tr><td>小明</td> <td>男</td> <td>18</td></tr>
</table>

表头单元格标签

<th></th>标签表示HTML表格的表头部分

<table>
    <tr><th>姓名</th> <th>性别</th> <th>年龄</th></tr>
    <tr><td>小明</td> <td>男</td> <td>18</td></tr>
</table>

单元格属性标签

属性名	属性值	说明
align	left ,center ,right	对齐方式
border	1或" "	单元格边框，默认为" ",表示没有边框
cellpadding	像素值	规定单元格边沿与其内容之间的空白，默认为1像素
cellspacing	像素值	规定单元格之间的空白，默认2像素
width	像素值或百分比	规定表格宽度

这些属性要写到表格标签<table></table>里边去

表格结构标签

• <thead></thead>用以定义表格的头部，内部必须有<tr></tr>标签
• <tbody></tbody>用于定义表格的主题
• 以上标签全部放入<table></table>标签中
  表格的头部一般是表格的第一行，主体是除去头部剩下的部分

合并单元格

• 跨行合并：rowspan=“合并单元格的个数”
  最上侧单元格为目标单元格，在其中写跨行合并代码
• 跨列合并：colspan=“合并的单元格个数”
  最左侧单元格为目标单元格，在其中书写跨列和并代码

列表标签

无序标签

基本语法格式

   <ul>
       <li>列表1</li>
       <li>列表2</li>
       <li>列表3</li>
       <li>列表4</li>
   </ul>

1. 无序列表的各个列表项之间没有顺序级别之分
2. <ul></ul>中只能嵌套<li></li>,无法直接在<ul></ul>中书写内容
3. <li></li>之间可以容纳所有元素

有序列表

基本语法格式

<ol>
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
</ol>

自定义列表

<dl>
   <dt>名词</dt>
   <dd>名词属性1</dd>
   <dd>名词属性2</dd>
</dl>

利用自定义列表标签可以生成此类列表

<dl></dl>中只能包含<dt></dt>或者<dd></dd>