Block- und Zeilenelemente, Sonderzeichen und Verschachtelungsregeln in HTML

Wenn wir die Verschachtelungsregeln grundlegender HTML-Webseiten-Tags einführen, müssen wir zuerst über die Klassifizierung von Elementen sprechen. Elemente können in Blockebenenelemente und Zeilenebenenelemente unterteilt werden. Was sind Blockebenenelemente? Es kann eine einzelne Zeile einnehmen und Sie können die Breite und Höhe festlegen, der Standardwert ist 100 %; beim Element auf Zeilenebene ist es das Gegenteil, sein Inhalt bestimmt seine Breite und Höhe und Sonderzeichen werden als Text behandelt.

<!DOCTYPE html>
<html lang="de">
<Kopf>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
    <title>HTML-Blockebene, Elemente auf Zeilenebene, Sonderzeichen, Verschachtelungsregeln</title>
</Kopf>
<Text>
    <!-- Blockelement: nimmt eine einzelne Zeile ein, Breite und Höhe können eingestellt werden, Standardbreite ist 100 % -->
    Blockelemente werden in Text- und Containertypen unterteilt. Textblockelemente: p, h1-h6
    Containerblockelemente: div, table, tr, td, frame, ul>li, ol, dl, dt, dd (Sequenz)
    <!-- Zeilenelement: belegt keine einzelne Zeile, Breite und Höhe richten sich nach dem Inhalt-->
    Zeilenelement: a img input strong em del span
    Sonderzeichen: Literal br &nbsp hr
</body>
</html>

Die Verschachtelungsregeln lassen sich wie folgt zusammenfassen:

1. Blockelemente können in Zeilenelementen verschachtelt werden

2. Zeilenelemente können innerhalb von Zeilenelementen verschachtelt werden

3. Zeilenelemente können nicht in Blockelementen verschachtelt werden

4. Textblockelemente können nicht in Blockelementen verschachtelt werden

5. Containerblockelemente können Blockelemente verschachteln

Die folgenden Blogbeiträge zu den Grundkonzepten von HTML-Webseiten, der Grundstruktur von HTML-Webseiten, der Einführung in grundlegende HTML-Tags, Bilder, Text, Hyperlinks, Listen, Tabellen, die interaktiven Prinzipien grundlegender HTML-Tags, Optionsfelder, Kontrollkästchen, Dropdown-Felder und der Vergleich zwischen dem DIV+CSS-Layout von Webseiten und dem traditionellen ifame-Layout sind allesamt Teile von HTML. Der Hauptzweck des Erlernens von HTML besteht darin, seine semantischen Verschachtelungsregeln zum Erstellen von Seiten zu verstehen. Was das CSS und die interaktive Logik JS der Seite betrifft, so sind dies die Inhalte, die im Folgenden geübt werden sollen!

<<: So zeigen Sie den Prozentsatz und die ersten paar Prozent in MySQL an

>>: So legen Sie die Position des Blockelements in der Mitte des Fensters fest

Die Standard-HTML-Schreibmethode unterscheidet sich von der von Dreamweaver automatisch generierten

Block- und Zeilenelemente, Sonderzeichen und Verschachtelungsregeln in HTML

Die Standard-HTML-Schreibmethode unterscheidet sich von der von Dreamweaver automatisch generierten

Was soll ich tun, wenn ich die Quelldatei einer Webseite nicht anzeigen kann?

Lösung für den ES-Speicherüberlauf beim Starten von Docker

Lösung für den Fehler beim Start des MySQL-Dienstes während der Installation von MySQL 5.7.18

Lösen Sie das Problem des unzureichenden Docker-Festplattenspeichers

Detaillierte Erklärung des daily_routine Beispielcodes in Linux

Dieser Artikel fasst die spezifische Verwendung des CSS-Zweispaltenlayouts und des Dreispaltenlayouts zusammen

Nginx-Stream-Konfigurationsproxy (Nginx TCP/UDP-Lastausgleich)

Detaillierte Erklärung zur Verwendung von Join zur Optimierung von SQL in MySQL

Was bedeutet Eingabetyp und wie kann die Eingabe begrenzt werden?

Artikel empfehlen

Implementierungsmethode der rekursiven MySQL-Baumabfrage

Vue+js: Klicken Sie auf den Pfeil, um die Bilder zu wechseln

Einführung in den B-Tree-Einfügeprozess

Miniprogramme ermöglichen die Auswahl von Produktattributen oder Spezifikationen

Einführung mehrerer benutzerdefinierter Schriftarten in CSS3

So fügen Sie Nginx zu den Systemdiensten in CentOS7 hinzu

Implementierung der benutzerdefinierten MySQL-Listensortierung nach angegebenen Feldern

Detaillierte grundlegende Operationen an Datentabellen in der MySQL-Datenbank

Benutzerdefinierter Vue-V-HAS-Befehl zum Implementieren der Schaltflächenberechtigungsbeurteilung

Detaillierte Erklärung, wo das von Docker abgerufene Image gespeichert ist

Einführung in das Linux-Netzwerksystem

11 allgemeine CSS Tipps und Erfahrungssammlung

Eine kurze Erläuterung zu „Group By“ in MySQL

Das Vue-Projekt konfiguriert den Webpack-Obfuscator, um Codeverschlüsselung und -verschleierung zu implementieren.

Die häufigsten Fehler beim Schreiben von HTML-Tags