HTML之列表与表格

列表

有序列表

代码示例：

<ol>
    <li>Java</li>
    <li>Python</li>
    <li>JavaScript</li>
    <li>C++</li>
    <li>go</li>
</ol>

效果：

无序列表

代码示例：

<ul>
    <li>Java</li>
    <li>Python</li>
    <li>JavaScript</li>
    <li>C++</li>
    <li>go</li>
</ul>

效果：

自定义列表

• dl:标签
• dt:列表名称
• dd:列表内容
  代码示例：

<dl>
    <dt>语言</dt>
    <dd>Java</dd>
    <dd>Python</dd>
    <dd>JavaScript</dd>
    <dd>C++</dd>
    <dd>go</dd>
</dl>

运行结果：

表格

• table:标签
• tr:行
• td:列
• border:边界线
• colspan:跨列
• rowspan:跨行
  代码示例：

<table border="1px">
    <tr>
        <td colspan="4">1-1</td>
    </tr>
    <tr>
        <td rowspan="2">2-1</td>
        <td>2-2</td>
        <td>2-3</td>
        <td>2-4</td>
    </tr>
    <tr>
        <td>3-1</td>
        <td>3-2</td>
        <td>3-3</td>
    </tr>
</table>

效果：