前端學習 列表標籤

2021-08-15 17:24:55 字數 1057 閱讀 5339

由於本人也是初學html,以下都為本人學習過程中分點整理的知識點,希望共同進步,不足之處望指出批正。

1.什麼是列表標籤

-作用:給一堆資料新增列表語義,也就是告訴瀏覽器這一堆資料是乙個整體

2.html中列表標籤的分類

-無序列表(使用最多)unordered list

-有序列表(使用最少)ordered list

-定義列表(使用其次)definition list

3.無序列表

-作用:給一堆資料新增列表語義,並且這一堆資料中所有的資料沒有先後之分

-格式:

-注意點:1.一定要記住ul標籤是用來給一堆資料新增列表語義的,而不是用來給他們加小圓點的

2.ul標籤和li標籤是乙個整體,一般情況下ul標籤和li標籤都是一起出現,不會單個出現

3.ul標籤中不推薦包含其他標籤,在ul標籤中只會看到li標籤

4.可以在li標籤中新增其他標籤來豐富我們的介面

4.有序標籤

-作用:給一堆資料新增列表語義,並且這一堆資料中的所有資料都有先後之分

-格式:

需要顯示的條目

-注意點:和無序列表差不多

5.定義列表

-作用:1.給一堆資料新增列表語義

2.先通過dt標籤定義列表中的所有標題,再通過dd標籤給每乙個標題新增描述資訊

-格式:

需要顯示的條目內容

需要顯示的條目內容的描述資訊

-注意點:1.dl和dd/dt是乙個整體,一般情況下不會單獨出現,都是一起出現

2.dl和dd/dt是乙個組合標籤,所以dl中建議只放dt和dd標籤

3.乙個dt可以沒有對應的dd,也可以有多個對應的dd,但是都不推薦這樣使用,只推薦使用乙個dt對應乙個dd

4.和li標籤一樣,當需要豐富介面時,我們可以在dt和dd標籤中繼續放其他標籤

前端html學習筆記 列表標籤

是用來顯示資料的,列表是用來布局的 1.列表包括三大類 無序列表 有序列表 自定義列表 一.無序列表 無序列表的基本語法格式如下 中只能巢狀,不可以在標籤中插入其他標籤 之間相當於乙個容器,可以容納所有元素 二.有序列表 即為有排列順序的列表 有序列表的基本語法格式如下 標籤用於定義有序列表,列表排...

前端學習筆記 03列表標籤

列表項 li ul 列表項 li ol 值描述1 數字1.2.3 a英文小寫字母 a英文大寫字母 i小寫羅馬數字 i大寫羅馬數字 定義列表項 dd 描述列表項 dt dl 附練習 doctype html content type content text html charset uft 8 標題...

前端學習 標籤初識

1.html的標籤 大部分元素都有乙個開始標記和結束標記,如 在開始標記和結束標記之間可以填充placeholder text 系標題 header的縮寫,隨著數字變大字型變小 段落無序列表 有序列表 文字輸入框,自封閉,新增required屬性 必須填,表單,給他新增乙個action屬性,其值制定...