溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇“html各個列表元素的應用示例”文章，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“html各個列表元素的應用示例”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進入主題吧。
html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網(wǎng)絡上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。
一、列表元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- list-style: none;可以清除有序列表或無序列表前面的數(shù)字或者符號-->
<style type="text/css">
ul {
list-style: none;
}
</style>
</head>
<body>
<ul type="circle"><!--空心圓無序列表-->
<li>first</li>
<li>second</li>
<li>third</li>
</ul>
<ul type="disc"><!--disc是默認值，實心圓無序列表-->
<li>first</li>
<li>second</li>
<li>third</li>
</ul>
<ul type="square"><!--實心方框，無序列表-->
<li>first</li>
<li>second</li>
<li>third</li>
</ul>
<ol type="A"><!--以字母A開始的有序列表-->
<li>first</li>
<li>second</li>
<li>third</li>
</ol>
<ol type="a"><!--以字母a開始的有序列表-->
<li>first</li>
<li>second</li>
<li>third</li>
</ol>
<ol type="i"><!--以小寫羅馬數(shù)字開始的有序列表-->
<li>first</li>
<li>second</li>
<li>third</li>
</ol>
<ol type="I" start="2"><!--以大寫羅馬數(shù)字開始的有序列表，start規(guī)定了列表開始的值-->
<li>first</li>
<li>second</li>
<li>third</li>
</ol>
<ol type="I"><!--以大寫羅馬數(shù)字開始的有序列表，value規(guī)定了第三個從Ⅳ開始，規(guī)定了第六個從Ⅷ開始-->
<li>first</li>
<li>second</li>
<li value="4">third</li>
<li>fouth</li>
<li>friday</li>
<li value="8">六</li>
<li>七</li>
</ol>
<dl><!--dl自定義列表，dt列表中的項目，d項目描述，自動換行并有縮進-->
<dt>一</dt>
<dd>hello world</dd>
<dd>welcome to html5</dd>
<dt>二</dt>
<dd>kan kan xiaoguo</dd>
</dl>
</body>
</html>二、效果展示
以上是“html各個列表元素的應用示例”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
