H5-Lernreise – Verwendung von H5-Block-Tags (9)-H5-Tutorial-php.cn

H5-Lernreise – Verwendung von H5-Block-Tags (9)

黄舟

Freigeben： 2017-02-17 14:34:27

Original

1613 Leute haben es durchsucht

Grundlegende Syntax von Blockelementen

1. Blockelemente beginnen normalerweise mit einer neuen Zeile am Anfang, wie z. B. h1, p, ul

2 .Inline-Elemente beginnen normalerweise nicht mit einer neuen Zeile, wie z. B. a, b, img

3.html p-Element, p wird auch als Blockelement bezeichnet, das hauptsächlich als Container zum Kombinieren verwendet wird HTML-Elemente

Das span-Element von 4.html ist ein Inline-Element und kann als Container für Text verwendet werden

! ! ! ! ! ! Codebeispiel

<!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>

Nach dem Login kopieren

CSS-Code

#pId p{    color:red;}

Nach dem Login kopieren

pId ist die ID von di und das folgende p ist das angegebene P-Tag

Rendering

H5-Lernreise – Verwendung von H5-Block-Tags (9)

Grundlegende Syntax von Blockelementen

1. Blockelemente beginnen normalerweise mit einer neuen Zeile am Anfang , ul

2. Inline-Elemente beginnen normalerweise nicht mit einer neuen Zeile, wie z. B. a, b, img

3 Das p-Element von HTML, p wird auch als Blockelement bezeichnet. Das wird hauptsächlich als kombiniertes HTML verwendet. Der Container des Elements

ist das span-Element von 4.html. Das span-Element ist ein Inline-Element und kann als Textcontainer

verwendet werden ! ! ! ! ! ! Codebeispiel

<!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>

Nach dem Login kopieren

CSS-Code

#pId p{    color:red;}

Nach dem Login kopieren

pId ist die ID von di und das folgende p ist das angegebene P-Tag

Rendering

H5-Lernreise – Verwendung von H5-Block-Tags (9)

Das Obige ist der Inhalt der H5-Lernreise – die Verwendung von H5-Block-Tags (9). Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn). )!