html中的分組元素

1. p元素

    p元素用來建立段落,段落與段落之間保持一定的間隙。

    <p>這是一個段落</p>

    <p>這也是一個段落,我們之間有間隙</p>

2. div元素

    div元素是通用分組,常用於佈局。

    <div>我是一個通用分組</div>

    <div>我也是一個通用分組,我們之間沒有間隙</div>

3. blockquote元素

    blockquote元素與p元素一樣,除此之外還包含首尾縮進的功能,表示大段引用其他出處的內容。

    <blockquote>這是一大段被引用的內容</blockquote>

    <blockquote>這也是一大段被引用的內容,我們有間隙也會首尾縮進</blockquote>

4. pre元素

    pre元素用於展示格式化內容,編輯器是如何排版的,它將會原封不動的展示出來,這種只適用於簡單的排版

5. hr元素

     hr元素的作用爲添加一條分割線,用於呈現上下文主題的分割。

6. 無序列表

   ul  li元素

   <ul>

         <li>1</li>

         <li>2</li>

         <li>3</li>

   </ul>

7. 有序列表

   ol  li元素

   <ol>

         <li>1</li>

         <li>2</li>

         <li>3</li>

   </ol>

   注:ol元素有一個start屬性,start的值表示有序列表開始的序數。

          reversed表示倒序。

          type屬性表示編號類型,值分別爲:1、a、A、i、I

          li元素有一個value屬性,用於強行設置某個項目的編號。

8. 說明列表

    <dl>

           <dt>我是標題</dt>

           <dd>我是詳細內容1</dd>

           <dd>我是詳細內容2</dd>

    </dl>

9. figure元素figcaption元素

    其作用爲使用插圖,,一般用於圖片佈局。

    <figure>

            <figcaption>這是一張圖片</figcaption>

            <img src = "1.jpg">

    </figure>


發佈了44 篇原創文章 · 獲贊 29 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章