Detaillierte Erklärung von Inline-Elementen und Block-Level-Elementen in häufig verwendeten HTML-Tags

Detaillierte Erklärung von Inline-Elementen und Block-Level-Elementen in häufig verwendeten HTML-Tags

Details zur Klassifizierung des HTML-Tags von Blockelementen

* Adresse - Adresse
* Blockzitat - Blockzitat
* Mitte - Mittenausrichtungsblock
* dir - Verzeichnisliste
* div - häufig verwendete Blockebene, auch das Haupt-Tag des CSS-Layouts
* dl - Definitionsliste
* Fieldset - Formular-Kontrollgruppe
* Formular – interaktives Formular (kann nur verwendet werden, um andere Blockelemente einzuschließen)
* h1 - Großer Titel
* h2 - Untertitel
* h3 – Überschrift der Ebene 3
* h4 – Überschrift der Ebene 4
* h5 – Überschrift der Ebene 5
* h6 – Überschrift der Ebene 6
* hr - horizontale Trennlinie
* isindex - Eingabeaufforderung
* Menü - Menüliste
* noframes - Frames optionaler Inhalt (für Browser, die keine Frames unterstützen, wird dieser Blockinhalt angezeigt
* noscript – optionaler Skriptinhalt (wird für Browser angezeigt, die kein Skript unterstützen)
* ol - Sortierformular
* p - Absatz
* Text vorformatieren
* Tisch - Tisch
* ul - ungeordnete Liste

Details zur Klassifizierung von Inline-Element-HTML-Tags

* a - Ankerpunkt
* abbr - Abkürzung
* Akronym - erster Buchstabe
* b - fett (nicht empfohlen)
* bdo - Bidi-Überschreibung
* groß - große Schrift
* br - Zeilenumbruch
* zitieren - zitieren
* Code – Computercode (erforderlich beim Zitieren von Quellcode)
* dfn - definiert das Feld
* em - Betonung
* Schriftart - Schrifteinstellungen (nicht empfohlen)
* i - kursiv
* img - Bild
* Eingabe - Eingabefeld
* kbd - definiert Tastaturtext
* label - Tabellenbeschriftung
*q - kurzes Zitat
* s - Bindestrich (nicht empfohlen)
* samp - definiert Beispielcomputercode
* Auswählen - Artikelauswahl
* klein - Text in kleiner Schrift
* span - häufig verwendeter Inline-Container, definiert den Textblock
* Schlag - ein Strich
* starke - fette Betonung
* sub - tiefgestellt
* sup – hochgestellt
* Textbereich – mehrzeiliges Texteingabefeld
* tt - Videotext
* u - Unterstrich
* var - definiert eine Variable

Details zur Klassifizierung von HTML-Tags mit variablen Elementen

* Applet - Java-Applet
* Knopf - Knöpfe
* del - Text löschen
* iframe - Inline-Frame
* ins - eingefügter Text
* Karte - Bildblock (Karte)
* Objekt - Objekt
* Skript - Client-Skript

Zusammenfassen:

1. Blockelemente wie div h1 p ul li werden umbrochen und möchten in derselben Zeile angezeigt werden

Muss schweben oder angezeigt werden: inline

2. Inline-Elemente wie ein Span B können nebeneinander angezeigt werden. Die Standardbreiteneinstellung funktioniert nicht.

Sie müssen die Anzeige festlegen: Inline-Block oder Block.

Zusammenfassen

Das Obige ist die Einführung des Editors in die Inline-Elemente und Blockebenenelemente in den häufig verwendeten HTML-Tags. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!

<<:  Zusammenfassung wichtiger Komponenten von MySQL InnoDB

>>:  Implementierung eines einfachen Whack-a-Mole-Spiels in JavaScript

Artikel empfehlen

Lösen Sie das Problem verschwindender Docker-Images

1. Spiegelbilder verschwinden in 50 und 93 [root@...

HTML-Formular-Tag-Tutorial (5): Textfeld-Tag

<br />Mit diesem Tag können Sie ein mehrzeil...

3 Möglichkeiten zum Erstellen von JavaScript-Objekten

Inhaltsverzeichnis 1. Objektliterale 2. Das neue ...

Implementierung der DOM-Operation in React

Inhaltsverzeichnis Vorherige Wörter Anwendungssze...

Reflexion und Proxy in Front-End-JavaScript

Inhaltsverzeichnis 1. Was ist Reflexion? 2. Refle...

So installieren Sie MySQL und Redis in Docker

Dieser Artikel basiert auf der CentOS 7.3-Systemu...

So generieren Sie eine eindeutige Server-ID in MySQL

Vorwort Wir alle wissen, dass MySQL die Server-ID...

Nginx leitet dynamisch an Upstream weiter, entsprechend dem Pfad in der URL

In Nginx gibt es einige erweiterte Szenarien, in ...

Analyse des Problems des Datenverlusts durch erzwungene Aktualisierung von Vuex

vuex-persistenter Zustand Kernprinzip: Alle Vuex-...

Umfassende Analyse von Prototypen, Prototypobjekten und Prototypketten in js

Inhaltsverzeichnis Prototypen verstehen Prototypo...

Master-Slave-Synchronisationskonfiguration der Mysql-Datenbank

Inhaltsverzeichnis Mysql Master-Slave-Synchronisi...

HTML-Optimierung beschleunigt Webseiten

Offensichtliches HTML, verstecktes „öffentliches ...