Welche zwei Arten von HTML-Tags gibt es?-Front-End-Fragen und Antworten-php.cn

Welche zwei Arten von HTML-Tags gibt es?

angryTom

Freigeben： 2019-07-23 15:19:05

Original

10806 Leute haben es durchsucht

Welche zwei Arten von HTML-Tags gibt es?

Im Allgemeinen ist es in Inline-Elemente unterteilt Blockelemente und Inline-Elemente bedeuten, dass beispielsweise zwei Inline-Elemente, die sich in derselben Zeile befinden, nicht verzweigen, z. B. , usw. Sie unterstützen die Breite und Höhe nicht Attribute, sodass Höhe und Breite des Inline-Elements nur der Höhe und Breite seines Inhalts entsprechen. Wenn sich im Blockfall zwei Blockelemente nicht in derselben Zeile befinden können, bedeutet dies, dass sie umbrochen werden, z. B.

...usw., aber blockieren Elemente unterstützen die Attribute width und height, Inline-Elemente jedoch nicht. Natürlich können Sie CSS verwenden, um Inline in Block oder Block in Inline zu ändern.

1. Inline-Elemente

Die am häufigsten verwendeten Inline-Elemente sind span, andere werden nur unter bestimmten Funktionen verwendet und ändern Schriftarten-Tags sowie die _{-Tags können ohne die Hilfe ähnlicher Bewegungsattribute direkt einen quadratischen Effekt erzeugen.}

　Inline-Elementeigenschaften: (1) Die Einstellung von Breite und Höhe ist ungültig

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 Generierung eines Inline-Elements im Linienelement

Dadurch wird der Raum erweitert

Welche zwei Arten von HTML-Tags gibt es?

2. Blockelemente

Die repräsentativen Blockelemente sind div, andere wie p, nav, aside, Kopfzeile, Fußzeile, Abschnitt, Artikel, ul-li, Adresse usw. können alle mit div implementiert werden. Um Programmierern jedoch die Interpretation des Codes zu erleichtern, werden im Allgemeinen bestimmte semantische Tags verwendet, um den Code besser lesbar und einfacher auf Fehler zu überprüfen. ( 3) Kann automatisch umbrochen werden

(4) Mehrere Blockelement-Tags werden zusammen geschrieben und die Standardanordnung ist von oben nach unten

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>测试案例</title>
        <style type="text/css">
            span {
                width: 120px;
                height: 120px;
                margin: 1000px 20px;
                padding: 50px 40px;
                background: lightblue;
            }
        </style>
    </head>
    <body>
        <i>不会自动换行</i>
        <span>行内元素</span>
    </body>

</html>

Nach dem Login kopieren

Rendering

Das obige ist der detaillierte Inhalt vonWelche zwei Arten von HTML-Tags gibt es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!