列表标签与table标签

Xuanmo  发表于:  分类: HTML5  1127  0

无序列表标签

  • <ul>
    • <li>实心小方块square</li>
    • <li>实心小方块square</li>
    • <li>实心小方块square</li>
  • </ul>
  • <ul>
    • <li>实心小圆点disc</li>
    • <li>实心小圆点disc</li>
    • <li>实心小圆点disc</li>
  • </ul>
  • <ul>
    • <li>空心圆点circle</li>
    • <li>空心圆点circle</li>
    • <li>空心圆点circle</li>
  • </ul>

有序列表标签

<ol>

li style=”list-style-type:lower-alpha;”

  1. <li></li>
  2. <li></li>
  3. <li></li>

</ol>

<ol>

li style=”list-style-type:lower-alpha;”

  1. <li></li>
  2. <li></li>
  3. <li></li>

</ol>

<ol>

li style=”list-style-type:upper-alpha;”

  1. <li></li>
  2. <li></li>
  3. <li></li>

</ol>

自定义列表标签

<dl>
<dt>标题</dt>
<dd>内容</dd>
<dd>内容</dd>
</dl>

DEMO展示

table表格标签

caption表头
tr规定行 th规定标题的列
td规定内容的列
border-collapse合并边框 rowspan合并行
colspan合并列

<table border="1"><caption>caption表头</caption>
  <tbody>
    <tr>
      <th>tr规定行</th>
      <th>th规定标题的列</th>
    </tr>
    <tr>
      <td colspan="2">td规定内容的列</td>
    </tr>
    <tr>
      <td rowspan="2">border-collapse合并边框</td>
      <td>rowspan合并行</td>
    </tr>
    <tr>
      <td>colspan合并列</td>
    </tr>
  </tbody>
</table>

DEMO展示

  • 3人 Love
  • 0人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
html、前端笔记

作者简介:Xuanmo

打赏

生命的意义在于折腾。

共 0 条评论关于 “列表标签与table标签”

Loading...
Loading...