HTML教程(一)——有序列表和無序列表

? ? ? ? HTML是一種標記語言,用一套標記標簽來描述網頁,本文我們就來介紹下如何使用HTML語言中的無序列表標簽<ul>和有序列表<ol>。

<ul> —— 無序列表標簽:

? ? ? ?<ul>可以用來列舉無序的元素,也就是說列舉的幾個元素之間的順序是沒有先后之分的,HTML語言可以寫成如下這樣:


在網頁中的顯示結果為:


<ol> —— 有序列表標簽

? ? ? ?<ol>可以用來列舉有序的元素,列舉的元素是有順序的,網頁中所顯示的元素也是有從小到大的標號的。HTML語言如下:

在網頁中顯示的效果如下:

學習最好的方式就是實踐:

? ? ? ?下面舉個“栗子”,來用HTML中的無序列表標簽和有序列表標簽來實現下圖中的列表:


? ? ? ?我們可以看到,上圖中的列表其實是無序列表和有序列表相互嵌套得到,最外面的是無序列表"JavaScript"和"Java",在"JavaScript"中嵌套了一個有序列表“1.第一章”和“2.第二章”,在“1.第一章”中,又嵌套了一個無序列表”const“和”let“。所以,HTML語言可以如下實現:

? ? 教程就到這里啦,感謝閱讀~

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。