首頁 >web前端 >html教學 >html列表使用方法? html有序列表無序列表詳解

html列表使用方法? html有序列表無序列表詳解

云罗郡主
云罗郡主原創
2018-11-12 13:51:108762瀏覽

很多網站上都會出現列表,列表也是網頁中常用的資料排列方式,網站中隨處可見就是列表,那麼html列表使用方法有哪些呢?以下我們對html有序列表無序列表進行詳解。

html列表使用方法? html有序列表無序列表詳解

一:html清單使用方法

html清單使用方法有很多,其中就包含有序列表和無序列表和定義列表。 【建議閱讀:html無序列表怎麼橫向排列? html無序列表橫向排列的方法

1.有序列表就是在列表中有先後順序,無序列表就是列表式沒有順序之分的,定義列表式一群組帶有特殊意義的列表,並且一個列表可能會包含條件和說明。

二:html有序列表無序列表詳解

1.html有序列表

在html當中,有序列表一般從ol開始,然後從ol結束,中間的html都是

  • 標籤,有序列表一般採用數字或者字母按照順序進行排序的,但是一般都是採用默認的數字去排列。

    html有序列表語法為:

    <ol>
        <li>有序列表项</li>
    </ol>

    在上述程式碼中,

    1. 是配合使用,並不是單獨使用,ol標籤內只能出現li標籤,不能出現其他標籤。在一般情況下,預設的都是數字,如果我們想把數字變成字母就要給
        加一個type屬性,一般type屬性值為1的時候,列表的序號就會按照123順序排序。如果是大寫的A的話,就會依照大寫英文字母排序。

        2.html無序列表

        在html中,一般預設的項目符號是●,但是我們也是可以透過屬性來改變無序列表的符號。

        html無序列表語法

        <ul>
            <li>无序列表项</li>
        </ul>

        以上程式碼中,

      • 也是配合出現的,中間不能出現任何標籤,一般情況下,我們可以改變type屬性改變項目值,可以改成實心圓和空心圓還有實心正方形。三種屬性分別是disc,circle,square。

        以上就是對html清單使用方法? html有序列表無序列表詳解的全部介紹,如果你想了解更多有關Html5教程,請關注php中文網。


  • 以上是html列表使用方法? html有序列表無序列表詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

    陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn