Mindmap-Galerie HTML-Tag-Typen
Dies ist eine Mindmap über die Arten von HTML-Tags. Die Hauptinhalte umfassen: 3. Häufig verwendete Tags im Textkörper, 2. Die Grundstruktur von HTML-Dokumenten, 1. Was ist HTML und was nicht? .
Bearbeitet um 2024-04-26 15:22:04Einhundert Jahre Einsamkeit ist das Meisterwerk von Gabriel Garcia Marquez. Die Lektüre dieses Buches beginnt mit der Klärung der Beziehungen zwischen den Figuren. Im Mittelpunkt steht die Familie Buendía, deren Wohlstand und Niedergang, interne Beziehungen und politische Kämpfe, Selbstvermischung und Wiedergeburt im Laufe von hundert Jahren erzählt werden.
Einhundert Jahre Einsamkeit ist das Meisterwerk von Gabriel Garcia Marquez. Die Lektüre dieses Buches beginnt mit der Klärung der Beziehungen zwischen den Figuren. Im Mittelpunkt steht die Familie Buendía, deren Wohlstand und Niedergang, interne Beziehungen und politische Kämpfe, Selbstvermischung und Wiedergeburt im Laufe von hundert Jahren erzählt werden.
Projektmanagement ist der Prozess der Anwendung von Fachwissen, Fähigkeiten, Werkzeugen und Methoden auf die Projektaktivitäten, so dass das Projekt die festgelegten Anforderungen und Erwartungen im Rahmen der begrenzten Ressourcen erreichen oder übertreffen kann. Dieses Diagramm bietet einen umfassenden Überblick über die 8 Komponenten des Projektmanagementprozesses und kann als generische Vorlage verwendet werden.
Einhundert Jahre Einsamkeit ist das Meisterwerk von Gabriel Garcia Marquez. Die Lektüre dieses Buches beginnt mit der Klärung der Beziehungen zwischen den Figuren. Im Mittelpunkt steht die Familie Buendía, deren Wohlstand und Niedergang, interne Beziehungen und politische Kämpfe, Selbstvermischung und Wiedergeburt im Laufe von hundert Jahren erzählt werden.
Einhundert Jahre Einsamkeit ist das Meisterwerk von Gabriel Garcia Marquez. Die Lektüre dieses Buches beginnt mit der Klärung der Beziehungen zwischen den Figuren. Im Mittelpunkt steht die Familie Buendía, deren Wohlstand und Niedergang, interne Beziehungen und politische Kämpfe, Selbstvermischung und Wiedergeburt im Laufe von hundert Jahren erzählt werden.
Projektmanagement ist der Prozess der Anwendung von Fachwissen, Fähigkeiten, Werkzeugen und Methoden auf die Projektaktivitäten, so dass das Projekt die festgelegten Anforderungen und Erwartungen im Rahmen der begrenzten Ressourcen erreichen oder übertreffen kann. Dieses Diagramm bietet einen umfassenden Überblick über die 8 Komponenten des Projektmanagementprozesses und kann als generische Vorlage verwendet werden.
HTML-Tag
Skript-Tag
1. Platzieren Sie es im <head>-Tag
Da HTML-Dokumente vom Browser von oben nach unten geladen werden, kann JavaScript die erforderlichen Elemente nicht aus dem <body>-Tag abrufen und das DOM wird nicht geladen und JavaScript kann nicht ausgeführt werden. Daher wird JavaScript-Code im <head>-Tag platziert, der im Allgemeinen als Reaktion auf Benutzeraktionen im Voraus geladen wird. Er hat keinen Einfluss auf den Browser-Anzeigeinhalt des HTML-Dokuments und stellt sicher, dass das Skript vor jedem Aufruf geladen wird.
2. Platzieren Sie es im <body>-Tag
Das <script>-Tag innerhalb des <body>-Tags kann Funktionen oder Anweisungen enthalten, die sofort ausgeführt werden können. Wenn Sie jedoch mit Webseitenelementen interagieren müssen (z. B. den Wert eines bestimmten Tags abrufen oder einem einen Wert zuweisen). Wenn Sie ein bestimmtes Tag verwenden, müssen Sie das Tag < Das Skript> nach dem Webseitenelement einfügen.
3. Platzieren Sie es nach dem <body>-Tag
Bei der Vorbereitung der Interpretation des JavaScript-Codes wurde hier bereits die gesamte Webseite geladen. Daher ist dies der am besten geeignete Ort für Befehle, die sofort ausgeführt werden müssen. Benutzerdefinierte Funktionen und dergleichen sind jedoch nicht geeignet.
rel=nofollow
Das Nofollow-Tag verhindert, dass Spider diesen Link crawlen und ihm folgen.
Das Meta-Robots-Tag verhindert, dass Spider den gesamten Seitenlink verfolgen oder indizieren
https://jingyan.baidu.com/article/75ab0bcba6c61fd6874db279.html
Gemeinsame Tags
https://blog.csdn.net/qq_46137324/article/details/131971697
Standardisierte HTML5-Elemente
Wurzelelement
Element Beschreibung <html> Stellt den Stamm eines HTML- oder XHTML-Dokuments dar. Alle anderen Elemente müssen Kinder dieses Elements sein.
Dokumentmetadaten
Element Beschreibung <Kopf> Stellt eine Sammlung von Metadaten zu einem Dokument dar, einschließlich Links zu oder Inhalt von Skripten oder Stylesheets. <Titel> Definiert den Titel des Dokuments, der in der Titelleiste oder Registerkarte des Browsers angezeigt wird. Dieses Element kann nur Text enthalten, enthaltene Tags werden nicht interpretiert. <Basis> Definiert die Basis-URL für relative URLs auf der Seite. <Link> Wird verwendet, um externes JavaScript oder CSS mit diesem Dokument zu verknüpfen. <meta> Definiert Metadaten, die nicht durch andere HTML-Elemente beschrieben werden können. <Stil> Wird für Inline-CSS verwendet.
Skript
Element Beschreibung <Skript> Definieren Sie ein Inline-Skript oder verknüpfen Sie es mit einem externen Skript. Die Skriptsprache ist JavaScript. <noscript> Definiert den Alternativtext, der angezeigt wird, wenn der Browser kein Scripting unterstützt. Ein Container, der Inhalte zur Laufzeit über JavaScript instanziiert.
Kapitel
Element Beschreibung <Körper> Stellt den Inhalt eines HTML-Dokuments dar. In einem Dokument kann es nur ein <body>-Element geben. Definiert einen Abschnitt im Dokument. Definieren Sie Abschnitte, die nur Navigationslinks enthalten. Definieren Sie einen vollständig unabhängigen Inhaltsblock, der vom Rest des Inhalts unabhängig sein kann. Definieren Sie Inhalte, die für den Inhalt der Seite weniger relevant sind. Wenn sie entfernt werden, sind die verbleibenden Inhalte weiterhin sinnvoll. <h1>,<h2>,<h3>,<h4>,<h5>,<h6> Das Titelelement implementiert sechs Ebenen von Dokumenttiteln, <h1> ist der größte Titel und <h6> der kleinste Titel. Das Titelelement beschreibt kurz das Thema des Kapitels. Definiert die Seiten- oder Abschnittsüberschrift. Es enthält häufig ein Logo, einen Seitentitel und ein Navigationsinhaltsverzeichnis. Definiert das Ende einer Seite oder eines Abschnitts. Es enthält häufig Urheberrechtsinformationen, Links zu rechtlichen Informationen und Adressen für Feedback-Vorschläge. <Adresse> Definieren Sie einen Abschnitt mit Kontaktinformationen. Definieren Sie den Haupt- oder wichtigen Inhalt des Dokuments.
Inhalte organisieren
Element Beschreibung <p> Definieren Sie einen Absatz. <hr> Stellt das Trennzeichen zwischen Absätzen in einem Kapitel, Artikel oder einem anderen langen Inhalt dar. <pre> Das bedeutet, dass der Inhalt im Voraus festgelegt wurde und das Format beibehalten werden sollte. <Blockzitat> Stellt Zitate aus anderen Quellen dar. <ol> Definieren Sie eine geordnete Liste. <ul> Definieren Sie eine ungeordnete Liste. <li> Definiert ein Listenelement in einer Liste. <dl> Definieren Sie eine Definitionsliste (eine Liste von Begriffen und ihren Definitionen). <dt> Stellt einen Begriff dar, der durch das nächste <dd> definiert wird. <dd> Stellt die Definition des vorangehenden Begriffs dar. Stellt eine mit dem Dokument verknüpfte Legende dar. Stellt die Beschreibung einer Legende dar. <div> Stellt einen allgemeinen Container ohne besondere Bedeutung dar.
Textform
Element Beschreibung <a> Stellt einen Hyperlink zu einer anderen Ressource dar. <em> Stellt Hervorhebungstext dar. <strong> Stellt einen besonders wichtigen Text dar. <klein> Stellt Kommentare wie Haftungsausschlüsse, Urheberrechtshinweise usw. dar, die für das Verständnis des Dokuments nicht wichtig sind. <s> Stellt ungenaue oder irrelevante Inhalte dar. <zitieren> Stellt den Titel der Arbeit dar. <q> Stellt eine Inline-Referenz dar. <dfn> Stellt die Definition eines Begriffs dar, wie er in seinem nächsten Vorfahren enthalten ist. <abbr> Stellt eine Auslassung oder Abkürzung dar und der vollständige Inhalt befindet sich im Titelattribut. Verknüpft mit dem maschinenlesbaren Äquivalent eines Inhalts (dieses Element ist nur in der WHATWG-Version des HTML-Standards enthalten, nicht in der W3C-Version des HTML5-Standards). Stellt einen Datums- und Uhrzeitwert dar; das maschinenlesbare Äquivalent wird über das datetime-Attribut angegeben. <Code> Stellt Computercode dar. <var> Stellt Variablen im Code dar. <samp> Stellt die Ausgabe eines Programms oder Computers dar. <kbd> Stellt eine Benutzereingabe dar, normalerweise eine Ausgabe über die Tastatur, kann aber auch eine andere Eingabe darstellen, beispielsweise eine Spracheingabe. <sub>,<sup> Stellt tiefgestellte bzw. hochgestellte Zeichen dar. <i> Stellt einen Text unterschiedlicher Art dar, z. B. Fachbegriffe, fremdsprachige Phrasen usw. <b> Stellt einen Textabschnitt dar, der Aufmerksamkeit erfordert. <u> Stellt einen Textkommentar dar, der unterstrichen werden muss, z. B. das Markieren von falsch geschriebenem Text usw. Stellt einen zitierten Text dar, der hervorgehoben werden muss. Stellt Text dar, der durch Ruby-Kommentare gekennzeichnet ist, z. B. chinesische Schriftzeichen und deren Pinyin. Stellt Ruby-Kommentare wie chinesisches Pinyin dar. Stellt zusätzlichen eingefügten Text um Ruby-Kommentare dar und dient zur benutzerfreundlichen Kommentaranzeige in Browsern, die die Ruby-Kommentaranzeige nicht unterstützen. Stellt einen Textabschnitt dar, der von der Textrichtung des übergeordneten Elements getrennt werden muss. Es ermöglicht das Einbetten eines Textes in einem anderen oder unbekannten Textausrichtungsformat. <bdo> Gibt die Textrichtung untergeordneter Elemente an und überschreibt explizit die Standardtextrichtung. <span> Stellt einen Text ohne besondere Bedeutung dar. Dieses Element kann verwendet werden, wenn andere semantische Elemente nicht für den Text geeignet sind. <br> Stellt eine neue Zeile dar. Stellt die Möglichkeit eines Wortumbruchs (Word Break Opportunity) dar, wobei ein Zeilenumbruch hinzugefügt wird, wenn der Text zu lang ist und umbrochen werden muss.
bearbeiten
Element Beschreibung <ins> Die Definition fügt dem Dokument Inhalt hinzu. <del> Definiert Inhalte, die aus dem Dokument entfernt werden sollen.
Inhalte einbetten
Element Beschreibung <img> stellt ein Bild dar. <iframe> Stellt einen Inline-Frame dar. Stellt eine eingebettete externe Ressource dar, z. B. eine Anwendung oder einen interaktiven Inhalt. <Objekt> Stellt eine externe Ressource dar, z. B. ein Bild, ein HTML-Unterdokument, ein Plug-in usw. <param> Stellt die Parameter des Plug-Ins dar, das durch das <object>-Element angegeben wird. Stellt ein Video, seine Videodateien und Untertitel dar und stellt eine Benutzeroberfläche zum Abspielen des Videos bereit. Stellt einen Ton oder Audiostream dar. Geben Sie die Medienquelle für Medienelemente wie <video> oder <audio> an. Gibt eine Textspur (Untertitel) für Medienelemente wie <video> oder <audio> an. Stellt einen Bitmap-Bereich dar, auf dem Grafiken wie Diagramme, Spielzeichnungen usw. über Skripte in Echtzeit gerendert werden können. <Karte> Zusammen mit dem <area>-Element definiert es den Bildzuordnungsbereich. <Bereich> Zusammen mit dem <map>-Element definiert es den Bildzuordnungsbereich. Definieren Sie ein eingebettetes Vektorbild. Definieren Sie eine mathematische Formel.
Blatt
Element Beschreibung <Tabelle> Definieren Sie mehrdimensionale Daten. <Bildunterschrift> Stellt den Titel der Tabelle dar. <colgroup> Stellt eine Gruppe einzelner oder mehrerer Spalten in einer Tabelle dar. <col> Stellt eine Spalte in einer Tabelle dar. <tbody> Stellt ein bestimmtes Datenelement in der Tabelle dar (den Hauptteil der Tabelle). <thead> Stellt eine Spaltenbezeichnung (Kopfzeile) in der Tabelle dar. <tfoot> Stellt eine Spaltenzusammenfassung (Tabellenfuß) in der Tabelle dar. <tr> Stellt eine Zeile in der Tabelle dar. <td> Stellt eine Zelle in der Tabelle dar. <th> Stellt die Kopfzelle in der Tabelle dar.
bilden
Element Beschreibung <Formular> Stellt ein Formular dar, das aus Steuerelementen besteht. <fieldset> Stellt die Kontrollgruppe dar. <Legende> Stellt den Titel der <fieldset>-Kontrollgruppe dar. <Beschriftung> Stellt den Titel des Formularsteuerelements dar. <Eingabe> Stellt einen Datenbereich (Textfeld, Optionsfeld, Kontrollkästchen usw.) dar, der es dem Benutzer ermöglicht, Daten zu bearbeiten. <Schaltfläche> Stellt die Schaltfläche dar. <wählen> Stellt das Dropdown-Feld dar. Stellt eine Reihe vordefinierter Optionen dar, die anderen Steuerelementen bereitgestellt werden. <optgroup> Stellt eine Optionsgruppierung dar. <Option> Stellt eine Option innerhalb eines <select>-Elements oder eines <datalist>-Elements dar <Textbereich> Stellt ein mehrzeiliges Textfeld dar. Stellt eine Schlüsselpaargeneratorsteuerung dar. Stellt den berechneten Wert dar. Stellt einen Fortschrittsbalken dar. Stellt den Schieberegler dar.
interaktive Elemente
Element Beschreibung Stellt ein Widget dar, auf das der Benutzer klicken kann, um zusätzliche Informationen oder Steuerelemente zu erhalten. Stellt eine Zusammenfassung oder einen Titel des <details>-Elements dar. Stellt einen Menüpunkt dar, auf den der Benutzer klicken kann. Stellt das Menü dar.
HTML-Tag-Typen
1. 1. Was ist HTML und was nicht?
1.1. Was ist HTML?
Hypertext Markup Language (HTML) ist eine Auszeichnungssprache, die zum Erstellen von Webseiten verwendet wird.
Dateierweiterung der Webseite: .html oder .htm
Im Wesentlichen handelt es sich dabei um Regeln, die vom Browser erkannt werden können. Wir schreiben Webseiten gemäß den Regeln und der Browser rendert unsere Webseiten gemäß den Regeln. Das gleiche Tag kann von verschiedenen Browsern unterschiedlich interpretiert werden. (Kompatibilitätsproblem)
1.2. Was HTML nicht ist
HTML ist eine Auszeichnungssprache, keine Programmiersprache. HTML verwendet Tags, um Webseiten zu beschreiben.
2. 2. Grundstruktur eines HTML-Dokuments
Beispiel für eine Grundstruktur
<!DOCTYPE html> <html lang="zh-CN"> <Kopf> <meta charset="UTF-8"> <title>CSS-Stilpriorität</title> </head> <Körper> </body> </html>
Beschreibung des Grundformats von HTML
Hinweis: Für chinesische Webseiten müssen Sie <meta charset="utf-8"> verwenden, um die Codierung zu deklarieren, da sonst verstümmelte Zeichen angezeigt werden. Einige Browser legen GBK als Standardkodierung fest, daher müssen Sie es auf <meta charset="gbk"> festlegen.
2.1. Häufig verwendete Tags im Kopf
<!--Tag-Klassifizierung<h1></h1>--> <!DOCTYPE html> <!--lang="en" gibt an, dass die Hauptsprache der Webseite Englisch ist--> <html lang="zh-CN"> <Kopf> <!--Definieren Sie die Originalinformationen der Webseite--> <meta charset="UTF-8"> <!--Es ist bequem für Suchmaschinen, Schlüsselwörter zu finden, die zu einer Zusammenfassung führen können <meta name="keywords" content="meta summary,html meta,meta attributes,meta jump"> <meta name="description" content="Old Boy Education Python Academy"> <!--Auf der Registerkartenseite angezeigter Inhalt--> <title>Mein erstes HTML</title> <!--Definieren Sie den Stil eines Tags--> <Stil> A{ Farbe: dunkelrot; } </style> <!-- Definieren Sie JS-Code oder führen Sie externe JS-Dateien ein <script>alert("Hello World")</script> -> <!--Führen Sie die externe Stylesheet-Datei text.css ein, um die Farbe des a-Tags in Grün zu ändern--> <link rel="stylesheet" href="text.css"> <!-- Springen Sie nach 2 Sekunden zur entsprechenden URL, achten Sie auf die Anführungszeichen <meta http-equiv="refresh" content="2;URL=https://www.cnblogs.com/zaixiazhouzhou/default.html?page=1"> -> <!--Sagen Sie dem IE, er soll das Dokument im fortschrittlichsten Modus rendern--> <meta http-equiv="x-ua-kompatibler" content="IE=edge"> </head>
2.1.1. Ergänzung zum Meta-Tag
• Das <meta>-Element kann Metainformationen (Mata-Informationen) über die Seite, Beschreibung und Schlüsselwörter für Suchmaschinen und Aktualisierungshäufigkeit bereitstellen. • Das <meta>-Tag befindet sich am Kopf des Dokuments und enthält keinen Inhalt. • <meta> stellt Informationen bereit, die für den Benutzer nicht sichtbar sind. Die Zusammensetzung des Meta-Tags: Das Meta-Tag verfügt über zwei Attribute, nämlich das http-equiv-Attribut und das Namensattribut. Diese unterschiedlichen Parameterwerte realisieren unterschiedliche Webseitenfunktionen.
1. http-equiv-Attribut:
Entspricht der Datei-Header-Funktion von http und kann einige nützliche Informationen an den Browser zurückgeben, um die korrekte Anzeige des Webseiteninhalts zu unterstützen. Der entsprechende Attributwert ist Inhalt, und der Inhalt im Inhalt ist tatsächlich der Variablenwert jedes Parameters.
<!--Springen Sie nach 2 Sekunden zur entsprechenden URL, achten Sie auf die Anführungszeichen--> <meta http-equiv="refresh" content="2;URL=https://baidu.com"> <!--Geben Sie den Kodierungstyp des Dokuments an--> <meta http-equiv="content-Type" charset=UTF8"> <!--Sagen Sie dem IE, er soll das Dokument im fortschrittlichsten Modus rendern--> <meta http-equiv="x-ua-kompatibler" content="IE=edge">
2.Namensattribut:
Es wird hauptsächlich zur Beschreibung von Webseiten verwendet, und der entsprechende Attributwert ist Inhalt. Der Inhalt wird hauptsächlich von Suchmaschinenrobotern verwendet, um Informationen zu finden und zu klassifizieren.
<meta name="keywords" content="meta summary,html meta,meta attributes,meta jump"> <meta name="description" content="Old Boy Education Python Academy">
3. 3. Häufig verwendete Tags im Body
3.1. Grundlegende Tags
<b>Fett</b> <i>kursiv</i> <u>Unterstreichen</u> <s>Löschen</s> <p>Absatz-Tag</p> <h1>Titel 1</h1> <h2>Titel 2</h2> <h3>Titel 3</h3> <h4>Titel 4</h4> <h5>Titel 5</h5> <h6>Titel 6</h6> <!--Zeilenumbruch--> <br> <!--Horizontale Linie--> <hr>
3.2. img-Tag
<img src="Pfad des Bildes" alt="Eingabeaufforderung, wenn das Bild nicht erfolgreich geladen wurde" title="Eingabeaufforderung, wenn die Maus schwebt" width="Width" height="Height (nur eines der beiden Attribute von Breite und Höhe warten automatisch) als Zoom)">
Zusätzlich zu den integrierten Attributen des img-Tags können wir ihm auch einige benutzerdefinierte Attribute hinzufügen.
<img format="jpg" sx="Benutzerdefinierte Attribute" src="Bildpfad" >
3.3. ein Tag
3.3.1. Einführung in ein Tag
Der a-Tag ist unser allgemeiner Hyperlink-Tag. Der sogenannte Hyperlink bezieht sich auf die Verbindungsbeziehung von einer Webseite zu einem Ziel. Das Ziel kann eine andere Webseite oder ein anderer Ort auf derselben Webseite sein. Es kann sich auch um ein Bild, eine E-Mail-Adresse, eine Datei oder sogar eine Anwendung handeln. Standardmäßig wird der Link im Browser wie folgt angezeigt:
Ein nicht besuchter Link wird in blauer Schrift und unterstrichen angezeigt.
Besuchte Links werden lila und unterstrichen angezeigt. Wenn Sie auf einen Link klicken, wird dieser rot und unterstrichen angezeigt.
Hinweis: Wenn für diese Hyperlinks CSS-Stile festgelegt sind, wird der Anzeigestil gemäß den CSS-Einstellungen angezeigt.
3.3.2. Syntaxformat eines Tags
<a href="http://www.oldboyedu.com" target="_blank" id="Benutzerdefinierter ID-Wert">Klicken Sie auf mich</a>
Das href-Attribut gibt die Ziel-Webadresse an. Die Adresse kann unterschiedlicher Art sein: • Absolute URL – verweist auf eine andere Website (z. B. href="http://www.jd.com) • Relative URL – bezieht sich auf den genauen Pfad innerhalb der aktuellen Site (href="index.htm") • Anker-URL – verweist auf einen Anker auf der Seite (href="#top")
Zielattribut: • _blank bedeutet, dass die Zielseite in einem neuen Tab geöffnet wird • _self bedeutet, dass die Zielwebseite im aktuellen Tab geöffnet wird
ID-Attribut: Das id-Attribut kann zum Erstellen eines HTML-Dokument-Lesezeichens verwendet werden. Tipp: Lesezeichen werden nicht auf besondere Weise angezeigt, d. h. sie werden nicht auf der HTML-Seite angezeigt und sind daher für Leser verborgen.
ID in HTML-Dokument einfügen: <a id="ID is 1">Jetzt ist die Position mit ID 1</a>
3.4. Sonderzeichen in HTML
Obwohl bei HTML die Groß-/Kleinschreibung nicht beachtet wird, muss bei Entitätszeichen die Groß-/Kleinschreibung beachtet werden.
3.5, div- und span-Tags
Der Unterschied zwischen span und div besteht darin, dass div ein Element auf Blockebene ist und die darin enthaltenen Elemente automatisch umbrochen werden. Span ist ein Inline-Element und es gibt keine Zeilenumbrüche davor und danach.
span hat keine strukturelle Bedeutung, es ist nur eine einfache Anwendung von Stilen. Das span-Element kann verwendet werden, wenn andere Elemente nicht geeignet sind. span kann als untergeordnetes Element von div verwendet werden, aber div kann kein untergeordnetes Element von span sein. Wenn ein div in span erscheint, entspricht es nicht dem ws3c-Seitenstandard.
3.6. Schwerpunkt: Klassifizierung von Tags
3.6.1. Der erste Typ: Tags auf Blockebene
Merkmale: Das Etikett nimmt eine Zeile ein und die Breite und Höhe können angegeben werden.
charakteristisch: • Fähigkeit, Breite und Höhe zu erkennen • Der obere, untere, linke und rechte Rand sowie die Abstände sind dafür gültig. • Kann Zeilen automatisch umbrechen • Mehrere Blockelement-Tags werden zusammen geschrieben und die Standardanordnung ist von oben nach unten • Sie können margin:0 auto verwenden, um die Ausrichtung zu zentrieren
Zu den häufig verwendeten Blockelementen gehören: <div>, <p>, <h1>...<h6>, <ol>, <ul>, <dl>, <table>, <address>, <blockquote>, <form>
3.6.2. Der zweite Typ: Inline-Label (Inline-Label)
Merkmale: Die Beschriftung besteht aus einer Zeile und die Breite und Höhe wird durch den Inhalt bestimmt. Nur wenn der Inhalt die Breite von HTML überschreitet, wird er umbrochen.
charakteristisch: • Breite und Höhe können nicht eingestellt werden • Der obere und untere Rand sind ungültig, nur der linke und der rechte Rand haben einen Effekt, und die Auffüllung hat einen Effekt, der den Raum erweitert. box-sizing:border-box ist ungültig, da dieses Attribut für das Box-Modell gilt. • Kein automatischer Zeilenumbruch
Häufig verwendete Inline-Elemente sind: <a>, <span>, <i>, <em>, <strong>, <label>, <q>, <var>, <cite>, <code>
3.7. Tags auflisten
Die Attribute von Listen-Tags lauten ungefähr wie folgt:
3.7.1. Verwandte Attribute der ungeordneten Liste ul
Typattribut: • Disc (durchgezogener Punkt, Standard) • Kreis (offener Kreis) • Quadrat (durchgezogenes Quadrat) • none (kein Stil)
<ul type="disc"> <li>Voller Punkt-Standard</li> </ul> <ul type="circle"> <li>Gefüllte Kreise</li> </ul> <ul type="square"> <li>Volles Quadrat</li> </ul> <ul type="none"> <li>Kein Stil</li> </ul>
Ausgabebeispiel:
3.7.2. Verwandte Attribute der geordneten Liste ol
Attributwert für den Typ einer geordneten Liste Es ist nicht so, dass eine geordnete Liste nur 1, 2, 3 ... verwenden kann, um eine Sequenz darzustellen. Sie können auch die folgende Methode verwenden:
Weitere Eigenschaften geordneter Listen
3.7.3. Verwandte Attribute der Titelliste
<dl> <dt>Titel 1</dt> <dd>Inhalt unter dem Titel 1</dd> <dt>Titel 2</dt> <dd>Inhalt unter Titel 2 1</dd> <dd>Inhalt 2 unter Titel 2</dd> </dl>
Ausgabebeispiel
3.8. Textformatierungs-Tags
https://blog.csdn.net/qq_44891434/article/details/113371490
https://blog.csdn.net/qq_46137324/article/details/131971697