一、列表標籤

一、無序列表

- 作用：添加無序列語義
    - 格式：
<ul>
        <li>姚遠</li>
        <li>姚近</li>
        <li>姚誠展</li>
        <li>姚萬里</li>
    </ul>
  • ul是一個組標籤，與li一起出現

二、有序列表

  • 作用：添加有序語義，有先後之分；
  • 格式：
<ol>
        <li>第一名</li>
        <li>第二名</li>
        <li>第三名</li>
        <li>第四名</li>
    </ol>

三、定義列表

  • 作用：添加列表語義
  • 通過dt（definition title)羅列列表條目，再通過dd(definition description)給條目進行相應的描述
<dl>
        <dt>姚遠</dt>
        <dd>她是中國一朵美麗的花朵</dd>
        <dd>也一位帥氣的男孩吖~</dd>
        <dt>你</dt>
        <dd>一坨臭粑粑~</dd>
    </dl>
  • dl是一個組標籤，dt和dd不能單獨出現，必須包裹在dl裏面

二、表格標籤

  • 作用：以表格形式將數據展示出來
  • 格式：
    - table定義一個表格
    - tr定義一行
    - td定義一個單元格、
  • 先定義一個表格, 然後通過tr告訴瀏覽器這個表格中一共有多少行, 然後再通過td告訴瀏覽器這一行中一共有多少個元素(一共有多少列)
<table>
    <tr>
        <td>第一行第一個</td>
        <td>第二行第二個</td>
    </tr>
    <tr>
        <td>第二行第一個</td>
        <td>第二行第二個</td>
    </tr>
</table>

-屬性：

屬性

作用

border

默認情況下表格的邊框寬度為0看不到, 通過border屬性給表格指定邊框寬度

width

默認情況下表格的寬度是由內容自動計算出來的, 可以通過width屬性指定表格的寬度

height

默認情況下表格的高度是由內容自動計算出來的, 可以通過height屬性指定表格的高度

cellspacing

外邊距. 默認情況下單元格之間有2個像素的間隙, 可以通過cellpadding指定表格之間的間隙

align:

規定表格相對周圍元素的對齊方式, 它的取值有center、left、right

valign

規定表格相對周圍元素的對齊方式, 它的取值有top/middle/bottom

bgcolor

規定表格的背景顏色

啊這個表格成功了，就在我編輯表格標籤的時候，我突然想到，我所用的CSDN本身也是一個網頁，或許他也是HTML出身呢，我就試着用表格標籤來編輯我的“表格標籤”哈哈哈哈哈，真成了！！！！ 但是屬性不管用，咱也不知道為啥，一會兒寫完了去百度問問/呲牙/😁

表格中的其他標籤

-表單中有兩種類型的單元格, 一種是標準單元格td, 一種是表頭單元格th
-  th標籤: 給每一列設置標題, 單元格中的內容會自動加粗，居中
-  caption 標籤:給整個表格設置標題（一定要嵌套在table標籤中才有效）

表格的結構

- thead 標籤:用來存放當前列的表頭, 如果沒有加css頁面默認將表頭中的高度設置變小
- tbody 標籤:一般用來存放頁面中的主體數據, 如果不寫會自動加上
- tfoot 標籤:用來存放表格的頁腳（腳註或表注), 如果沒有加css頁面默認將表頭中的高度設置變小,