Heim > Web-Frontend > HTML-Tutorial > Detaillierte Erläuterung von Inline-Elementen und Block-Level-Elementen in HTML-Tags

Detaillierte Erläuterung von Inline-Elementen und Block-Level-Elementen in HTML-Tags

小云云
Freigeben: 2018-01-05 17:59:20
Original
2482 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich die in HTML-Tags häufig verwendeten Inline-Elemente und Blockebenenelemente vorgestellt. Ich hoffe, dass er allen helfen kann.

Blockelement (Blockelement) HTML-Tag-Klassifizierungsdetails

* Adresse - Adresse
* Blockquote - Blockzitat
* Mitte - zentrierter Ausrichtungsblock
* dir - Verzeichnis list
* p – häufig verwendete Blockebene, auch das Haupt-Tag des CSS-Layouts
* dl – Definitionsliste
* Fieldset – Formularkontrollgruppe
* Formular – interaktives Formular (kann nur verwendet werden, um andere Blockelemente aufnehmen)
* h1 – Überschrift
* h2 – Untertitel
* h3 – Überschrift der Ebene 3
* h4 – Überschrift der Ebene 4
* h5 – Überschrift der Ebene 5
* h6 – Titel der Ebene 6
* hr – Horizontale Trennlinie
* isindex – Eingabeaufforderung
* menu – Menüliste
* noframes – Frames optionaler Inhalt (wird für Browser angezeigt, die Frames nicht unterstützen). dieses Blocks
* noscript – optionaler Skriptinhalt (wird für Browser angezeigt, die kein Skript unterstützen)
* ol – Sortierform
* p – Absatz
* vorformatierter Text
* Tabelle - Tabelle
* ul - nicht sortierte Liste

Inline-Element (Inline-Element) HTML-Tag-Klassifizierungsdetails

* a - Anker
* abbr - Abkürzung
* Akronym – erstes Zeichen
* b – fett (nicht empfohlen)
* bdo – bidi override
* big – große Schriftart
* br – Zeilenumbruch
* cite – Zitat
* Code – Computercode (erforderlich beim Zitieren von Quellcode)
* dfn – Definitionsfeld
* em – Hervorhebung
* Schriftart – Schriftarteinstellung (nicht empfohlen)
* i – kursiv
* img – Bild
* input – Eingabefeld
* kbd – Tastaturtext definieren
* label – Tabellenbezeichnung
* q – kurzes Anführungszeichen
* s – Mittellinienblock (nicht empfohlen).
* durchgestrichen – unterstrichen
* stark – fett hervorgehoben
* sub – tiefgestellt
* sup – hochgestellt
* textarea – mehrzeiliges Texteingabefeld
* tt – Telextext
* u – Unterstreichung
* var – Variable definieren

Variablenelement HTML-Tag-Klassifizierungsdetails

* Applet – Java-Applet

* Schaltfläche – Schaltfläche
* del – Text löschen

* iframe – Inline-Frame

* ins – eingefügter Text
* map – Bildblock (map)
* object – Objektobjekt
* script – Client-Skript

Zusammenfassung:

1. Elemente auf Blockebene wie p h1 p ul li usw. werden umbrochen und möchten in derselben Zeile angezeigt werden.

müssen schwebend sein Anzeige: inline

2. Inline-Elemente auf Zeilenebene, z. B. ein Span-B-Vielfaches, können nebeneinander angezeigt werden. Die Standardeinstellung „Breite“ funktioniert nicht

Anzeige muss eingestellt werden: inline-block oder block Ganz gut.


Verwandte Empfehlungen:

Eine Zusammenfassung von drei Möglichkeiten zum Konvertieren von Inline-Elementen in Elemente auf Blockebene

Inline-Elemente in HTML- und Elementzusammenfassung auf Blockebene

Zusammenfassung der verwandten Verwendung von Inline-Elementen

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung von Inline-Elementen und Block-Level-Elementen in HTML-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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