HTML ul標籤的什麼意思? HTML ul標籤的作用詳解

寻∝梦
發布: 2018-08-28 13:42:30
原創
56097 人瀏覽過

本篇文章主要的為大家講解了關於HTML ul標籤的三種重要的用法,還有關於HTML ul標籤的解釋,包含li標籤的還有type屬性對ul標籤的使用情況,好了,下面大家一起來看文章吧

首先讓我們先解釋一下HTML ul標籤的意思:

ul標籤定義的是表格當中無序列表,表格當中的無序列表都是在

    標籤之中,無序列表都是和
  • 標籤在一起使用的。普通的顯示資料的時候,ul就是項目列表,li就是列表項目。兩個合起來就可以用來顯示數據。 (具體的標籤的詳細資訊到PHP中文網學習)

    現在我們說說ul標籤的作用解釋:

      是無序列標籤,英文單字為“unordered list”,是封閉標籤,尾巴為

    具體使用的語法如下:

    <ul>这里都是内容</ul>
    登入後複製

    一、說說

      的用法,其常結合列表項標籤< li>一起使用,使用格式

      <html>
      <body>
      PHP中文网
      <ul>
      <li>HTML</li>
      <li>PHP</li>
      <li>python</li>
      </ul>
      </body>
      </html>
      登入後複製

      效果如下:

      HTML ul標籤的什麼意思? HTML ul標籤的作用詳解

      #簡單的用法說完了,現在想把無序列表中的小圓點換掉,怎麼辦呢?

      二、

        標籤的type屬性可定義列表情的標記符號,一般有

        • disc(圓點)

        • circle(圓圈)

        • square(方塊)

        三種屬性值,現在讓我們來實踐一下:

        disc就不實驗了,和剛才的一樣,都是小圓點表示的。

        我們來看看square屬性值

        <html>
        <body>
        PHP中文网
        <ul type="square">
        <li>HTML</li>
        <li>PHP</li>
        <li>python</li>
        </ul>
        </body>
        </html>
        登入後複製

        上面的程式碼效果如圖:

        HTML ul標籤的什麼意思? HTML ul標籤的作用詳解

        有點小,雖然不是很明顯,但是看得出來,它的確是個方塊形的。

        三、現在來說說嵌套列表:

        嵌套列表,都是在

          標籤下的
        • 標籤裡面嵌套
            標籤,不能在
              裡面建造ul標籤。

              第一個

                下嵌套2個列表項,第二個

                以上是HTML ul標籤的什麼意思? HTML ul標籤的作用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板