HTML實現有序列表和無序列表

先看看效果圖

ul和ol

在HTML眾多標簽里，ul是無序列表標簽，ol是有序列表標簽，它們可以相互嵌套使用，而效果圖中最外層的JavaScript和Java就是一個ul，在每個ul里嵌套了兩個ol，在每個ol中又嵌套了兩個ul，話不多說，上代碼！

源碼
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ul>
        <li>JavaScript
            <ol>
                <li>第一章
                    <ul>
                        <li>const</li>
                        <li>let</li>
                    </ul>
                </li>
                <li>第二章
                    <ul>
                        <li>function</li>
                        <li>object</li>
                    </ul>
                </li>
            </ol>
        </li>
        <li>Java
            <ol>
                <li>第一章
                    <ul>
                        <li>class</li>
                        <li>package</li>
                    </ul>
                </li>
                <li>第二章
                    <ul>
                        <li>private</li>
                        <li>public</li>
                    </ul>
                </li>
            </ol>
        </li>
    </ul>
</body>
</html>

有不懂的地方可以留言～
3Q～

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Bootstrap是什么？ 一套易用、優雅、靈活、可擴展的前端工具集--BootStrap。GitHub上介紹 的...
    凜0_0閱讀 10,935評論 3贊 184
  • HTML 是用來描述網頁內容的一種語言。全稱超文本標記語言 (Hyper Text Markup Language...
    TW張苗閱讀 666評論 1贊 2
  • 1、HTML介紹 1 2、Html和CSS的關系 HTML是網頁內容的載體。內容就是網頁制作者放在頁面上想要讓用戶...
    夏沫xx閱讀 1,458評論 0贊 8
  • HTML需要掌握標簽 標簽（空格分隔）： H5+CSS [TOC] 常用標簽 img 注意點 和H系列標簽/p標簽...
    袁俊亮技術博客閱讀 2,063評論 1贊 8
  • 本文主要是起筆記的作用，內容來自慕課網. 認識HTML、CSS、JavaScript 學習web前端開發基礎技術需...
    0o凍僵的企鵝o0閱讀 691評論 3贊 7