3 1 列表 用來佈局

2022-09-23 04:32:00 字數 1254 閱讀 3817

列表標籤(重點)

列表跟**類似,但是她的可組合自由度會更高。

最大特點:整齊、整潔、有序。

6.1 無序列表 ul (重點)

無序列表(unordered list)的各個列表項之間沒有順序級別之分,是並列的。

語法格式:

<

ul>

<

li>列表項1

li>

<

li>列表項2

li>

<

li>列表項3

li>

...ul

>

注意:中只能巢狀,直接在標籤中輸入其他標籤或者文字的做法是不被允許的(可以,但不推薦)

之間相當於一個容器,可以容納所有元素。(舉例:div img  等等等等)

無序列表會自帶樣式。

6.2 有序列表(瞭解)

有序列表(ordered list)是有順序的。 

語法格式:

<

ol>

<

li>列表項1

li>

<

li>列表項2

li>

<

li>列表項3

li>

...ol

>

6.3 自定義列表(理解)

常用於對術語或名詞進行解釋和描述,自定義列表的列表項前沒有任何專案符號

<

dl>

<

dt>名詞1

dt>

<

dd>名詞1解釋

dd>

<

dd>名詞1解釋2

dd>

...

<

dt>名詞2

dt>

<

dd>名詞2解釋

dd>

<

dd>名詞2解釋2

dd>

...dl

>

效果如下:

總結:

無序標籤  裡面只能包含li  沒有順序,我們以後佈局中最常用的列表

有序標籤  裡面只能包含li  有順序,  使用情況較少

自定義列表  裡面有2個兄弟,dt 和 dd

20201224 3 列表的使用1

1把班級中的名字儲存下來,如何操作? name1 name2 name3 這種命名方式絕對不行 所以應該怎麼辦? 2 names zhangyang guyun xiangpeng xuliangchen 這裡是用空格區分的,逗號也可以 但是,應該如何取? 如果通過字串儲存很多資訊 1 不好存 2...

JEECG 3 7 1 列表多表頭的設計

先看下多表頭的設計 在這個多表頭的表單當中,我們可以按照從上到下和從左往右的劃分方式,將表頭劃分成三行十列,分別是 列表標籤 人員資訊 部門資訊 工資 入職狀態 建立日期 操作 名稱 年齡 性別 部門 部門code 從左往右看,可以發現 列表標籤 則是佔據剩下的部分跨了十列。第二行當中, 人員資訊 ...