? ? ? ? HTML是一種標(biāo)記語(yǔ)言,用一套標(biāo)記標(biāo)簽來描述網(wǎng)頁(yè)席赂,本文我們就來介紹下如何使用HTML語(yǔ)言中的無(wú)序列表標(biāo)簽<ul>和有序列表<ol>匕垫。
<ul> —— 無(wú)序列表標(biāo)簽:
? ? ? ?<ul>可以用來列舉無(wú)序的元素击纬,也就是說列舉的幾個(gè)元素之間的順序是沒有先后之分的,HTML語(yǔ)言可以寫成如下這樣:
在網(wǎng)頁(yè)中的顯示結(jié)果為:
<ol> —— 有序列表標(biāo)簽
? ? ? ?<ol>可以用來列舉有序的元素掸掏,列舉的元素是有順序的,網(wǎng)頁(yè)中所顯示的元素也是有從小到大的標(biāo)號(hào)的搅幅。HTML語(yǔ)言如下:
在網(wǎng)頁(yè)中顯示的效果如下:
學(xué)習(xí)最好的方式就是實(shí)踐:
? ? ? ?下面舉個(gè)“栗子”阅束,來用HTML中的無(wú)序列表標(biāo)簽和有序列表標(biāo)簽來實(shí)現(xiàn)下圖中的列表:
? ? ? ?我們可以看到,上圖中的列表其實(shí)是無(wú)序列表和有序列表相互嵌套得到茄唐,最外面的是無(wú)序列表"JavaScript"和"Java"息裸,在"JavaScript"中嵌套了一個(gè)有序列表“1.第一章”和“2.第二章”,在“1.第一章”中沪编,又嵌套了一個(gè)無(wú)序列表”const“和”let“呼盆。所以,HTML語(yǔ)言可以如下實(shí)現(xiàn):
? ? 教程就到這里啦蚁廓,感謝閱讀~