溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇“html各個列表元素的應用示例”文章，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“html各個列表元素的應用示例”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進入主題吧。
html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構建優雅的前端網頁。
一、列表元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- list-style: none;可以清除有序列表或無序列表前面的數字或者符號-->
<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"><!--以小寫羅馬數字開始的有序列表-->
<li>first</li>
<li>second</li>
<li>third</li>
</ol>
<ol type="I" start="2"><!--以大寫羅馬數字開始的有序列表，start規定了列表開始的值-->
<li>first</li>
<li>second</li>
<li>third</li>
</ol>
<ol type="I"><!--以大寫羅馬數字開始的有序列表，value規定了第三個從Ⅳ開始，規定了第六個從Ⅷ開始-->
<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各個列表元素的應用示例”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
