dw有序列表ol怎么用? HTML頁面添加有序列表ol的教程
發(fā)布時間：2023-01-09 10:57:14 作者：佚名 
我要評論
我要評論dw有序列表ol怎么用？ Dreamweaver頁面中國的內(nèi)容需要添加列表效果，該怎么添加有序列表呢？下面我們就來看看HTML頁面添加有序列表ol的教程
在網(wǎng)站中經(jīng)常見到非常有順序的排列，1、2、3···,很多時候這種情況都是使用有序列表來做的，今天我們就重點(diǎn)來看下有序列表的一般使用方法。
有序列表的標(biāo)簽是ol，一半ol都會和li一起使用，如圖，使用ol和li做出一個數(shù)據(jù)
打開預(yù)覽后，就是這樣的一個效果，如圖，前面非常有順序的1 2 3 排列
這就是ol的屬性了，還可以更改有序列表的數(shù)字顯示方式，如圖，在ol后面添加一個type屬性，后面1就是他對應(yīng)的屬性設(shè)置了
在type后面還可以添加A，這樣的數(shù)據(jù)排列就是從A開始的
還可以在后面添加小寫字母a，然后后面數(shù)據(jù)排列就是從小a開始的，如圖
還可以添加小寫的i，
還有大些的I，就形成了大寫的羅馬數(shù)字字符，如圖所示。
如果不想要li的樣式屬性，可以對其添加清除命令。
以上就是HTML頁面添加有序列表ol的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Dreamweaver網(wǎng)頁怎么制作一個帶有列表值的下拉菜單?
Dw CC 2018速記css樣式怎么關(guān)閉列表樣式?
Dreamweaver CS6怎么使用項(xiàng)目列表?
相關(guān)文章
Dreamweaver代碼怎么自動排版? dw代碼格式化的技巧
Dreamweaver代碼怎么自動排？Dreamweaver中的代碼看上去很亂，不好找，想要將代碼格式化了，看上去更有條理性，該怎么操作呢？下面我們就來看看dw代碼格式化的技巧，需要的2020-07-22
Dreamweaver文字或圖片怎么添加空連接？Dreamweaver制作網(wǎng)頁的時候，需要給網(wǎng)頁中的圖片或者文字添加空連接，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參2019-10-09
Dreamweaver媒體查詢命令怎么使用？Dreamweaver制作頁面會用到很多命令，我們今天就來介紹關(guān)于媒體查詢命令的使用方法，需要的朋友可以參考下2019-09-03
Dreamweaver怎么修改文檔說明類型？Dreamweaver中想要更改文檔說明，該怎么更改呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-09-03
Dreamweaver怎么插入水平線并設(shè)置顏色？Dreamweaver制作網(wǎng)頁的時候，想要插入一個水平線，該怎么插入水平線并設(shè)置紅色呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考2019-05-06
dreamweaver怎么使用正則表達(dá)式？dreamweaver頁面中有需要替換的內(nèi)容，該怎么替換呢？我們可以使用正則表達(dá)式來替換，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-04-30
Dreamweaver網(wǎng)頁怎么插入單選按鈕？Dreamweaver設(shè)計(jì)網(wǎng)頁的時候，需要使用單選按鈕，該怎么插入單選按鈕呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-04-26
Dreamweaver CC2019怎么制作關(guān)注按鈕?
Dreamweaver CC2019怎么制作關(guān)注按鈕？dw2019中想要制作一個按鈕并給按鈕添加鏈接，實(shí)現(xiàn)關(guān)注的效果，該怎么操作嗯？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-04-25
Dreamweaver CS3復(fù)選框怎么用? dw復(fù)選框?qū)傩越榻B
Dreamweaver CS3復(fù)選框怎么用？Dreamweaver CS3制作網(wǎng)頁的時候，經(jīng)常使用復(fù)選框，復(fù)選框的各種屬性有什么作用？下面我們就來看看dw復(fù)選框?qū)傩越榻B，需要的朋友可以參考下2019-04-24
Dreamweaver CS3網(wǎng)頁怎么創(chuàng)建多個層?
Dreamweaver CS3網(wǎng)頁怎么創(chuàng)建多個層？Dreamweaver CS3制作頁面的時候，經(jīng)常使用層，可以容納網(wǎng)頁元素的容器，下面我們就來看看一個簡單的實(shí)例教程，需要的朋友可以參考下2019-04-24
