HTML無序列表的使用
新建HTML文件如圖所示,我們可以通過以下步驟新建一個HTML文件:1. 新建一個記事本,并將記事本的名字改為"html無序列表的使用(18).html",并回車鍵確定,以使文件轉(zhuǎn)化為瀏覽器可以打開的
新建HTML文件
如圖所示,我們可以通過以下步驟新建一個HTML文件:
1. 新建一個記事本,并將記事本的名字改為"html無序列表的使用(18).html",并回車鍵確定,以使文件轉(zhuǎn)化為瀏覽器可以打開的HTML網(wǎng)頁文件。
2. 在文件圖標(biāo)上鼠標(biāo)右擊,在彈出的下拉列表菜單中,依次選擇"打開方式(H)",之后選擇"Sublime Text"這個程序。
編寫HTML代碼
如圖所示,我們可以通過以下步驟編寫HTML代碼:
1. 寫一個標(biāo)簽用來聲明這是一個HTML5的文檔。
2. 再寫一個標(biāo)簽用來包含HTML文檔的主體部分。
3. 再寫一個
標(biāo)簽用來包含HTML文檔的頭部部分,其中包括4. 寫上HTML的主體部分用
- 標(biāo)簽,
- 標(biāo)簽則用于定義列表項(xiàng)目。
使用無序列表
如圖所示,我們可以通過以下步驟使用無序列表:
1. 使用
- 標(biāo)簽定義列表項(xiàng)。
2. 默認(rèn)情況下,列表項(xiàng)前面的符號為實(shí)心的圓點(diǎn)。
3. 可以通過在
- 標(biāo)簽中添加list-style-type屬性來改變列表項(xiàng)前面的符號類型。例如,設(shè)置list-style-type的值為circle,則列表的項(xiàng)目前面符號為空心圓;設(shè)置為square,則列表的項(xiàng)目前面符號為實(shí)心方圓。
- 我是無序列表第一行
- 我是無序列表第二行
- 我是無序列表第三行
- 我是無序列表第一行
- 我是無序列表第二行
- 我是無序列表第三行
- 我是無序列表第一行
- 我是無序列表第二行
- 我是無序列表第三行
預(yù)覽HTML文件
如圖所示,我們可以通過以下步驟預(yù)覽HTML文件:
1. 鼠標(biāo)右擊HTML文件,在彈出的下拉列表菜單中選擇"在瀏覽器中打開"這一項(xiàng)。
2. 在瀏覽器中打開HTML文件,即可看到無序列表的效果。
3. 第一個無序列表的前面符號為實(shí)心圓點(diǎn),第二個無序列表的前面符號為空心圓點(diǎn),第三個無序列表的前面符號為實(shí)心方圓。
源代碼參考
如圖所示,以下是本案例的源代碼,供大家參考:
```html
html無序列表的使用(18) /* 這里可以添加CSS樣式 */
```
以上就是關(guān)于HTML無序列表的使用方法。通過使用無序列表標(biāo)簽,我們可以更加規(guī)范地呈現(xiàn)內(nèi)容,并且可以根據(jù)需要對列表項(xiàng)目的符號進(jìn)行自定義設(shè)置。希望本文對您有所幫助!
- 標(biāo)簽用于定義無序列表的標(biāo)簽,