Heim > Web-Frontend > H5-Tutorial > Hauptteil

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

黄舟
Freigeben: 2017-02-17 14:34:27
Original
1556 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
Nach dem Login kopieren

CSS-Code

#pId p{    color:red;}
Nach dem Login kopieren
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
Nach dem Login kopieren

CSS-Code

#pId p{    color:red;}
Nach dem Login kopieren
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). )!


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!