Heim > Artikel > Web-Frontend > H5-Lernreise – Verwendung von H5-Block-Tags (9)

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

黄舟Original: 2017-02-17 14:34:271481Durchsuche

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>

CSS-Code

#pId p{    color:red;}

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>

CSS-Code

#pId p{    color:red;}

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

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：H5-Lernreise – H5-Liste (8)Nächster Artikel：H5-Lernreise – H5-Liste (8)

In Verbindung stehende Artikel

Mehr sehen