您好,登錄后才能下訂單哦!
這篇“html實現列表的方法”除了程序員外大部分人都不太理解,今天小編為了讓大家更加理解“html實現列表的方法”,給大家總結了以下內容,具有一定借鑒價值,內容詳細步驟清晰,細節處理妥當,希望大家通過這篇文章有所收獲,下面讓我們一起來看看具體內容吧。
1、簡易性:超級文本標記語言版本升級采用超集方式,從而更加靈活方便,適合初學前端開發者使用。 2、可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言采取子類元素的方式,為系統擴展帶來保證。 3、平臺無關性:超級文本標記語言能夠在廣泛的平臺上使用,這也是萬維網盛行的一個原因。 4、通用性:HTML是網絡的通用語言,它允許網頁制作人建立文本與圖片相結合的復雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什么類型的電腦或瀏覽器。
列表是一種非常有用的數據展現方式,可以擴展出非常多的有意思的功能,例如導航,布局等。
列表主要有三種:
1. 無序列表: <ul>標簽,必須與<li>子標簽配對使用
2. 有序列表: <ol>標簽,與<ul>使用規則一樣,可以看作是無序列表的一個特例,實際開發中使用不多
3. 自定義列表: <dl><dt><dd>非常像名詞解釋,用途非常廣泛,例如底部導航,內容詳情頁,聯系信息,商品描述等.
ul有一個屬性type,可以設置列表項前面的標記
type="disc" 實心小黑點,這是默認一級列表的標記
type="circle" 空心小圓點,這是二級列表默認標記
type="square" 實心方塊
<html> <head> <meta charset="UTF-8"> <title>1-1.列表快速預覽</title> </head> <body> <ul type="square"> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>jQuery</li> <li>Bootstrap</li> </ul> <hr> <h5>單身狗的周未</h5> <ol> <li>自己請自己看場電影希望有艷遇</li> <li>購買充氣娃娃2個</li> <!-- 列表是可以嵌套的 --> <ul> <li>冰冰款2個</li> <li>鳳姐款1個</li> </ul> <li>玩"吃雞"</li> <li>為心目中的女主播打Call</li> </ol> <hr> <h5>后端編程語言:</h5> <dl> <dt>PHP</dt> <dd>超文本預處理編程語言</dd> <dt>MySQL</dt> <dd>全球最流行的關系型數據庫管理工具</dd> <dt>ThinkPHP5.1</dt> <dd>國內最流行的中文輕量級PHP開發框架</dd> </dl> </body> </html>
感謝你的閱讀,希望你對“html實現列表的方法”這一關鍵問題有了一定的理解,具體使用情況還需要大家自己動手實驗使用過才能領會,快去試試吧,如果想閱讀更多相關知識點的文章,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。