HTML基礎知識之列表和表格的使用

時間 2019-12-07

標籤 html 基礎知識列表表格使用欄目 HTML 简体版

原文原文鏈接

1、HTML與XHTML的區別

（1）在XHTML 中標籤名稱必須小寫，在HTML 中標籤名稱既能夠小寫也能夠大寫；
（2）在XHTML 中標籤必須封閉，在HTML中標籤能夠不成對出現；
（3）在XHTML 中標籤必須嚴格嵌套，HTML對標籤嵌套沒有嚴格規定；
（4）在XHTML 中屬性名稱必須小寫，在HTML 中也同樣；
（5）在XHTML 中標籤必須用雙引號引發來，HTML中能夠不用；spa

2、特殊符號

&nbsp;表示空格；
"表示雙引號；
&表示&符號；
>表示大於號>；
<表示小於號<；
©表示版權符號©；

3、列表的使用

（1）無序列表code

無序列表是一個項目列表，使用項目符號標記無序列表的項目，無序列表也就是沒有順序的列表；
無序列表的type屬性取值有三種，分別是circle（圓圈）、disc（實心圓點）、square（方塊）；

# 打印實心圓點的無序列表
<body>
  <ul type="disc">
    <li>第一</li>
    <li>第二</li>
    <li>第三</li>
  </ul>
</body>

（2）有序列表排序

有序列表也是由一個個列表項組成，列表想既能夠使用數字標記，也能夠使用字母標記；
有序列表的type屬性取值有5中，分別是1（數字）、i（小寫羅馬字母）、I（大寫羅馬字母）、a（小寫字母）、A（大寫字母）；

# 打印數字排序的有序列表
<body>
  <ol type="1">
    <li>我最愛椰奶</li>
    <li>第二愛可樂</li>
    <li>第三愛橙汁</li>
  </ol>
</body>

（3）定義列表ci

定義列表是當無序列表和有序列表都不適合時，經過自定義列表來完成自定義展現，因此定義列表不單單是一個項目列表，而是項目和註釋的組合；

<body>
  <dl>
    <dt>春曉</dt>
      <dd>春眠不覺曉，到處聞啼鳥</dd>
      <dd>夜來風雨聲，花落知多少</dd>
  </dl>
</body>

4、表格的使用

（1）表格的基本結構io

單元格：表格的最小單位，一個或多個單元格縱橫排列組成了表格；
行：一個或多個單元格橫向堆疊造成了行；
列：一個或多個單元格縱向堆疊造成了列；

<table>
  <tr>
    <td>第一行第一列</td>  
    <td>第一行第二列</td>  
    <td>第一行第三列</td>  
  </tr>
  <tr>
    <td>第二行第一列</td>  
    <td>第二行第二列</td>  
    <td>第二行第三列</td>  
  </tr>
</table>

（2）表格的對齊方式table