Xuanmo Blog

无序列表标签

• <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展示