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