溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇“HTML實現列表的示例”文章，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“HTML實現列表的示例”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進入主題吧。
html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構建優雅的前端網頁。
一，效果圖。
二，代碼。
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>html 列表</title></head><body> <!--無序列表--> <h5>An Unordered list</h5> <ul> <li>Cofferr</li> <li>tea</li> <li>Mide</li> </ul> <!--有序列表--> <ol start="50"> <li>Cooffee</li> <li>Tea</li> <li>Mike</li> </ol> <!--自定義列表--> <dl> <dt>Coffer</dt> <dd>--black hot drink</dd> <dt>mike</dt> <dd>--white cold drink</dd> </dl> <!--不同類型的有序列表--> <h5>Numbered list:</h5> <ol> <li>apples</li> <li>bananas</li> <li>lemons</li> <li>orange</li> </ol> <h5>letters list:</h5> <ol type="A"> <li>apples</li> <li>bananas</li> <li>lemons</li> <li>orange</li> </ol> <h5>Lowercase letters list:</h5> <ol type="a"> <li>apples</li> <li>bananas</li> <li>lemons</li> <li>orange</li> </ol> <h5>Roman numbers list:</h5> <ol type="I"> <li>apples</li> <li>bananas</li> <li>lemons</li> <li>orange</li> </ol> <h5>lowercase Roman numbers list:</h5> <ol type="i"> <li>apples</li> <li>bananas</li> <li>lemons</li> <li>orange</li> </ol> <!--不同類型的無序列表--> <p><b>Note:</b> The type attribute of the ul tag is deprecated in HTML 4, and is not supported in HTML5. Therefore we have used the style attribute and the CSS list-style-type property, to define different types of unordered lists below:</p> <h5>disc bullets list:</h5> <ul style="list-style-type:disc"> <li>Apples</li> <li>bananas</li> <li>lemons</li> <li>orange</li> </ul> <h5>circle bullets list:</h5> <ul style="list-style-type:circle"> <li>Apples</li> <li>bananas</li> <li>lemons</li> <li>orange</li> </ul> <h5>square bullets list:</h5> <ul style="list-style-type:square"> <li>Apples</li> <li>bananas</li> <li>lemons</li> <li>orange</li> </ul> <!--嵌套列表--> <h5>A list inside a list:</h5> <ul> <li>Coffee</li> <li>Tea</li> <ul> <li>black tea</li> <li>green tea</li> </ul> <li>Mike</li> </ul> <!--嵌套列表2--> <h5>lists inside a list</h5> <ul> <li>coffee</li> <li>tea <ul> <li>black tea</li> <li>green tea <ul> <li>china</li> <li>africa</li> </ul> </li> </ul> </li> <li>mick</li> </ul> <!--自定義列表--> <h5>A definition List</h5> <dl> <dt>coffee</dt> <dd>-black hot drink</dd> <dt>mike</dt> <dd>-white cold drink</dd> </body> </html>
以上是“HTML實現列表的示例”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
