搜尋

首頁  >  文章  >  web前端  >  H5學習之旅-H5的區塊標籤的使用（9）

H5學習之旅-H5的區塊標籤的使用（9）

黄舟
黄舟原創
2017-02-17 14:34:271569瀏覽

塊元素​​的基本語法

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>这是一个标题</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>这是一个标题</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
上一篇：H5學習之旅-H5列表（8）下一篇：H5學習之旅-H5列表（8）

相關文章

看更多