HTML标签---列表标签和表格标签

HTML标签—列表标签和表格标签

列表标签：

​ 无序列表ul：

<!--type有实心，空心，方框的属性-->
<ul type="disc">
    <li type="square">数码</li>
    <li type="square">美容</li>
    <li type="square">服饰</li>
</ul>

​ 有序列表ol：

<!--type属性指前面标号类型，start指从第三个开始-->
<ol type="1" start="3">
    <li>确认购买信息</li>
    <li>商品支付</li>
</ol>

​ 自定义列表dl：什么时候用到自定义标签（例如：图片和文字混用是就会用到自定义标签）

<dl>
    <!--dt里写标题-->
    <dt><img src="img/外星人电脑.png" width="300px"></dt>
     <!--dt里写描述内容-->
    <dd>外星人笔记本电脑（i7 -7820HK GTX1080）</dd>
    <dd>价格：35999</dd>
    <dd>所在地：北京</dd>
</dl>

表格标签：table

基本写法：

​ 可以有以下属性：border 边框宽度

​ cellspacing:边框之间的空隙
cellpadding:字距离边框的空隙大小

​ bgcolor=“bisque” 背景色
align=“center” 居中

​ 合并：横着合是列合并 竖着合是行合并
列合并：colspan
行合并：rowspan

<table border="1px" cellspacing="0px" width="400px" height="200px" cellpadding="10px">
    <!--tr为一个一行-->
    <tr>
        <!--th是表头，加粗居中-->
        <th>学号</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
    </tr>
    <tr>
        <td rowspan="3">1001</td>
        <td colspan="3">莉莉</td>

    </tr>
    <tr>
        <td>娜娜</td>
        <td>18</td>
        <td>女</td>
    </tr>
    <tr>
        <td>小名</td>
        <td colspan="2">17</td>
    </tr>
</table>