HTML常用标签汇总(二)

  1. 信息列表

    无序信息列表,语法如下:

    注意:ul-li列表选项没有前后顺序,浏览器中的默认样式是每项前自带一个原点。

    <ul>
    <li>列表选项</li>
    <li>列表选项</li>
    …………
    </ul>
  2. 信息列表

    有序信息列表,语法如下:

    ol-li列表选项有前后顺序,浏览器中的默认样式是每项前自带一个序号,从 1 开始。

    <ol>
    <li>列表选项</li>
    <li>列表选项</li>
    …………
    </ol>
  3. 表格

    在网页中加入表格,语法如下:

    <table summary="表格简介文本">
    <caption>标题文本</caption>
        <tr>
            <th>……</th>
            <th>……</th>
        </tr>
        <tr>
            <td>……</td>
        <td>……</td>
        </tr>
    </table>
  4. 说明:

    • <table>……</table>:整个表格都在这个标签中,默认样式没有表格线;

    • summary:为表格添加简介文本,但摘要内容不会显示在浏览器中,只是便于搜索 引擎迅速了解表格内容,语义化更友好;

    • <caption>……</caption>:添加表格标题,显示在表格上方;

    • <tr>……</tr>:表格的一行,几对<tr>表格就有几行;

    • <td>……</td>:表格的一个单元格,一行中包含几个<td>就有几列;

    • <th>……</th>:表格表头,头部一个单元格,默认字体加粗并且居中显示。

2019-12-15 03:03:46