小白之旅17

Posted 2022-06-24 demonycw

一. 复杂标签

1.1 下拉列表

select、option

必须将select和option结合在一起使用，才能形成完整的下拉列表结构，缺一不可。

格式：

    <select name="">
        <option value=""></option>
        <option></option>
        <option></option>
    </select>

注：在选中某一选项提交时，会将name值与选中选项的value形成键值对一并提交到服务器。

selected属性可以表示默认选中项，写法与checked相同

1.2 列表

1.2.1 有序列表 ol

属性：

? 1、type：设置序号样式，取值：1、A、a、I、i

? 2、start：设置序号的起始位置

1.2.2 无序列表 ul

属性：

? 1、type：设置列表项的显示形式，取值：circle、disc、square

1.2.3 列表项 li

在列表中用于放置列表内容的标签

1.2.4 列表嵌套

一个列表作为另一个列表的列表项

1.3 表格

1.3.1 table 表格

属性：

? 1、width：宽

? 2、height：高

? 3、border：边框粗细

? 4、cellspacing：单元格之间的距离

? 5、cellpadding：单元格的内边距

? 6、align：设置水平方向上的位置，left、center、right

? 7、valign：设置垂直方向上的位置，top、center、bottom

tr：表格行

td：单元格

注：单元格中的内容默认垂直居中

1.3.2 不规则表格

colspan：跨列

rowspan：跨行

举例：

    <table border="1px" width="100px" height="100px" cellspacing="0">
        <tr>
            <td rowspan="2"></td>
            <td colspan="2"></td>
        </tr>
        <tr>
            <td></td>
            <td rowspan="2"></td>
        </tr>
        <tr>
            <td colspan="2"></td>
        </tr>
    </table>