目錄
塊元素​​的基本語法
1. Html塊元素,塊元素在開始時候通常以新行開始,比如h1,p,ul
2.內聯元素,通常不會以新行開始,例如a,b,img
3.html的p元素,p也被稱為塊元素,其主要作為組合html元素的容器
4.html的span元素,span元素是內聯元素,可作為文本的容器
! ! ! ! ! !程式碼實例
这是一个标题
css程式碼
pId是di的id,後面的p是指定P標籤
效果圖
3.html的p元素,p也稱為塊元素,其主要作為組合html元素的容器
css代碼
首頁 web前端 H5教程 H5學習之旅-H5的區塊標籤的使用(9)

H5學習之旅-H5的區塊標籤的使用(9)

Feb 17, 2017 pm 02:34 PM

塊元素​​的基本語法

1. Html塊元素,塊元素在開始時候通常以新行開始,比如h1,p,ul

2.內聯元素,通常不會以新行開始,例如a,b,img

3.html的p元素,p也被稱為塊元素,其主要作為組合html元素的容器

4.html的span元素,span元素是內聯元素,可作為文本的容器

! ! ! ! ! !程式碼實例

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5块元素</title>
    <link rel="stylesheet" type="text/css" href="myStyle.css">
    <style>
        span{            color:chartreuse;        }
    </style></head><body>
    <p>这是一个段落</p>
    <h1 id="这是一个标题">这是一个标题</h1>
    <b>这是一个加重</b>
    <a>这是一个超链接</a>
    <p id="pId">
        <p>
            这是一个段落        </p>
        <a>这是一个超链接</a>
    </p>
    <p>
        <P><span>这是一个span测试,</span>测试效果</P>
    </p></body></html>
登入後複製
登入後複製

css程式碼

#pId p{    color:red;}
登入後複製
登入後複製

pId是di的id,後面的p是指定P標籤

效果圖

H5學習之旅-H5的區塊標籤的使用(9)塊開始時候通常以新行開始,例如h1,p,ul

2.內聯元素,通常不會以新行開始,例如a,b,img

3.html的p元素,p也稱為塊元素,其主要作為組合html元素的容器

4.html的span元素,span元素是內聯元素,可作為文本的容器

! ! ! ! ! !程式碼實例

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5块元素</title>
    <link rel="stylesheet" type="text/css" href="myStyle.css">
    <style>
        span{            color:chartreuse;        }
    </style></head><body>
    <p>这是一个段落</p>
    <h1 id="这是一个标题">这是一个标题</h1>
    <b>这是一个加重</b>
    <a>这是一个超链接</a>
    <p id="pId">
        <p>
            这是一个段落        </p>
        <a>这是一个超链接</a>
    </p>
    <p>
        <P><span>这是一个span测试,</span>测试效果</P>
    </p></body></html>
登入後複製
登入後複製

css代碼

#pId p{    color:red;}
登入後複製
登入後複製

pId是di的id,後面的p是指定P標籤

效果圖

 以上就是H5學習之旅-H5的塊標籤的使用(9)

H5學習之旅-H5的區塊標籤的使用(9) 以上就是H5學習之旅-H5的塊標籤的使用(9)

 以上就是H5學習之旅-H5的塊標籤的使用(9)

 以上就是H5學習之旅-H5的塊標籤的使用(9)


 以上就是H5學習之旅-H5的塊標籤的使用(9)

🎜 以上就是H5學習之旅-H5的塊標籤的使用(9)🎜🎜 以上就是H5學習之旅-H5的塊標籤的使用(9)的內容的內容,更多相關內容請關注PHP中文網(www.php.cn)! 🎜🎜🎜🎜🎜
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

h5是指什麼 h5是指什麼 Aug 02, 2023 pm 01:52 PM

h5是指什麼

如何區分H5,WEB前端,大前端,WEB全端? 如何區分H5,WEB前端,大前端,WEB全端? Aug 03, 2022 pm 04:00 PM

如何區分H5,WEB前端,大前端,WEB全端?

h5怎麼實現web端向上滑動載入下一頁 h5怎麼實現web端向上滑動載入下一頁 Mar 11, 2024 am 10:26 AM

h5怎麼實現web端向上滑動載入下一頁

h5如何使用position h5如何使用position Dec 26, 2023 pm 01:39 PM

h5如何使用position

總結介紹H5新晉級標籤(附範例) 總結介紹H5新晉級標籤(附範例) Aug 03, 2022 pm 05:10 PM

總結介紹H5新晉級標籤(附範例)

vue3怎麼實作H5表單驗證元件 vue3怎麼實作H5表單驗證元件 Jun 03, 2023 pm 02:09 PM

vue3怎麼實作H5表單驗證元件

頁面h5和php是什麼意思? (相關知識探討) 頁面h5和php是什麼意思? (相關知識探討) Mar 20, 2023 pm 02:23 PM

頁面h5和php是什麼意思? (相關知識探討)

h5有哪些快取機制 h5有哪些快取機制 Nov 16, 2023 pm 01:27 PM

h5有哪些快取機制

See all articles