Heim  >  Artikel  >  Web-Frontend  >  Was sind HTML5-Tags auf Zeilenebene?

Was sind HTML5-Tags auf Zeilenebene?

WBOY
WBOYOriginal
2022-06-20 11:03:563014Durchsuche

HTML5-Tags auf Zeilenebene sind Elemente, die in derselben Zeile wie andere Elemente auf der Seite angezeigt werden können, bis ein vollständiges Element nicht mehr in einer Zeile platziert werden kann. Sie werden auch als Inline-Tags bezeichnet und können als Zeile verstanden werden -Tags belegen keine einzelne Zeile und es sind keine anderen Elemente in der Beschriftung auf Zeilenebene enthalten.

Was sind HTML5-Tags auf Zeilenebene?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.

Was sind HTML5-Tags auf Zeilenebene?

Tags auf Zeilenebene können in derselben Zeile wie andere Elemente auf der Seite angezeigt werden, bis ein vollständiges Element nicht mehr in einer Zeile platziert werden kann und normalerweise keine anderen Elemente in der Zeile enthalten sind -Level-Tags.

1. Beschriftungen auf Zeilenebene werden auch als Inline-Beschriftungen bezeichnet. Beschriftungen auf Zeilenebene belegen keine separate Zeile und das Festlegen der Breite und Höhe (Breite, Höhe) ist ungültig.

2. Inline-Elemente können andere Inline-Elemente aufnehmen, Blockelemente können jedoch nicht untergebracht werden.
Es gibt span, strong, em, b, i, input, a, img, u (unterstrichen), em (Hervorhebung), i (kursiv), sub (tiefgestellt), sup (hochgestellt) usw.

3. Der horizontale Abstand links und rechts von Inline-Elementen erzeugt Randeffekte, der vertikale Abstand oben und unten erzeugt jedoch keine Randeffekte.

4. Zu den gängigen Tags auf Zeilenebene gehören span, strong, em, br, img, input, label, select, textarea, cite.

Erweitertes Wissen:

Blockelement (Blockelement)

1. Besetzen Sie eine exklusive Zeile, bleiben Sie nicht in derselben Zeile wie andere Elemente und die Breite füllt automatisch die Breite des übergeordneten Elements aus.

2. Sie können die Breite, die Höhe sowie die inneren und äußeren Randattribute (Rand, Polsterung) festlegen.

Es gibt div, p, h1-h6, ul, li, dl (Definitionsliste, ähnlich ul...li), dt (definiert die Elemente in der Definitionsliste), dd (definiert den Inhalt des Beschreibungselements , abgeglichen mit dt)

(Lernvideo-Sharing: CSS-Video-Tutorial, HTML-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWas sind HTML5-Tags auf Zeilenebene?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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