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

Implementierung von Docker zum Erstellen eines Zookeeper- und Kafka-Clusters

Ubuntu E: Sperre /var/lib/dpkg/lock-frontend konnte nicht abgerufen werden – offen (11: Ressource vorübergehend nicht verfügbar)

Artikel

Bei der Verwendung von MySQL aufgetretene Probleme

Artikel

Block- und Zeilenelemente, Sonderzeichen und Verschachtelungsregeln in HTML

Implementierung von Docker zum Erstellen eines Zookeeper- und Kafka-Clusters

Detaillierte Erläuterung von drei Möglichkeiten, Docker-Container miteinander zu verbinden

Verwenden von react-beautiful-dnd zum Implementieren von Drag & Drop zwischen Listen

Einführung in RHCE-Bridging, passwortfreie Anmeldung und Portnummernänderung

Zusammenfassung der Javascript-Datumstools

Native JavaScript-Karussell-Implementierungsmethode

Detaillierte Beispiele für Variablen- und Funktionspromotion in JavaScript

MySQL-Serie 9 MySQL-Abfrage-Cache und -Index

Ubuntu E: Sperre /var/lib/dpkg/lock-frontend konnte nicht abgerufen werden – offen (11: Ressource vorübergehend nicht verfügbar)

Bei der Verwendung von MySQL aufgetretene Probleme

Artikel empfehlen

Detaillierte Erklärung und klassische Interviewfragen zum Vue-Lebenszyklus und zu Hook-Funktionen

Detailliertes Verständnis von umask in den neuen Linux-Dateiberechtigungseinstellungen

Beispiel für eine MySQL-Datenbank-übergreifende Transaktions-XA-Operation

Ein seltener Fehler und eine Lösung für die vollständige SQL Server-Sicherung

JavaScript zum Implementieren einer zeitlich begrenzten Flash-Sale-Funktion

Analyse der Probleme und Lösungen beim Importieren großer Datenmengen in MySQL

Detailliertes Tutorial zur Installation von MySQL 8.0.22 auf Redhat 7.3 (binäre Installation)

Aktivierungscode und KMS-Installationsschlüssel für Windows Server 2019 (Volume License Edition, GVLK)

Detaillierte Schritte zum Konfigurieren von mysql8.0.20 mit binlog2sql und einfacher Sicherung und Wiederherstellung

Zusammenfassung der Mysql Hochleistungsoptimierungsfähigkeiten

Mysql8.0 verwendet Fensterfunktionen, um Sortierprobleme zu lösen

Sehr empfehlenswert! Syntax Sugar in Vue 3.2 einrichten

So installieren Sie Android x86 in einer virtuellen VMware-Maschine

Zusammenfassung von vier Situationen gemeinsamer Abfragen zwischen zwei Tabellen in MySQL

43 Webdesign-Fehler, auf die Webdesigner achten sollten