Inhaltsverzeichnis
Farbe Farbe " > Farbe Farbe
tbody" >tbody
tfoot" >tfoot
thead" >thead
Heim Web-Frontend HTML-Tutorial Was sind HTML-Strukturelemente? Zusammenfassung verschiedener Strukturelemente in HTML (Klartext)

Was sind HTML-Strukturelemente? Zusammenfassung verschiedener Strukturelemente in HTML (Klartext)

Jul 21, 2018 pm 04:46 PM

In einem Webdokument werden verschiedene Elemente angezeigt. Jedes Element hat seine spezifische Position. Um diese Elemente zu standardisieren, muss sie durch die Strukturelemente in HTML bestimmt werden.

Funktionsbeschreibung: Das -Tag gibt die Standardadresse oder das Standardziel für alle Links auf der Seite an. Normalerweise füllt der Browser die Lücken in einer relativen URL, indem er die entsprechenden Elemente aus der URL des aktuellen Dokuments extrahiert.

Standardattribute: href, target

href: Legen Sie die URL fest oder rufen Sie sie ab, auf die alle Links auf der Seite verweisen, wenn mit der Maus geklickt wird.

target: Legen Sie das Ziel fest oder rufen Sie es ab Inhalt, der angezeigt werden soll In welchem ​​Fenster oder Frame

_blank: Das Dokument in ein neues unbenanntes Fenster laden

_self: Das Zieldokument in den gleichen Frame oder Fenster laden

_parent : Laden Sie das Dokument in das übergeordnete Fenster oder den Frame-Satz mit der Hyperlink-Referenz

_top: Laden Sie das Dokument in das Fenster mit dem Hyperlink und ersetzen Sie alle aktuell im Fenster angezeigten Frames

......

Funktionsbeschreibung: Definieren Sie den Textkörper des HTML-Dokuments. Der Textkörper enthält den gesamten Inhalt des HTML-Dokuments.

Standardattribute: id (eindeutige Identifizierung des Elements), Klasse (Klassenname), Titel (im Tooltip angezeigter Text), Stil (Inline-Stildefinition), dir (Textrichtung festlegen), lang (Sprache festlegen). Code), Hintergrund (Hintergrundbild der Webseite), bgcolor (Hintergrundfarbe), Text (Textfarbe festlegen), Link (Linktextfarbe festlegen), alink (Linktextfarbe festlegen), vlink (Linktextfarbe festlegen) Farbe), leftmargin (linker Rand), topmargin (oberer Rand), bgproperties (damit das Hintergrundbild nicht mit der Webseite scrollt, ist nur ein Parameter festgelegt)

Wenn in Zukunft dieselben Eigenschaften angezeigt werden, werden sie angezeigt wird nicht noch einmal erklärt.

……

Funktionsbeschreibung: Definieren Sie einen Absatz eines Dokuments

Standardattribute: align, id, class, title, style, dir, lang

Verwendungspunkte: Verwenden Sie p, um Zeilen umzubrechen und Absätze zu trennen. Das p-Element ist ein Blockelement und muss mit dem Tag

...

Funktionsbeschreibung: Wird verwendet Kombinieren Sie Inline-Elemente im Dokument

Standardattribute: align, id, class, title, style, dir, lang

……

Funktionsbeschreibung: Partitionen oder Abschnitte im Dokument definieren

Standardattribute: align, id, class, title, style, dir, lang

Verwendungspunkte: Das p Element wird für HTML-Dokumente verwendet. Der innere Inhaltsblock sorgt für Struktur und Hintergrundelemente


Funktionsbeschreibung: Zeilenumbruch einfügen

Standardattribute: ID, Klasse, Titel, Stil

......

Funktionsbeschreibung: Definieren Sie eine Tabelle Titel

Standardattribute: align (Ausrichtung, einschließlich links (linke Ausrichtung), rechts (rechte Ausrichtung), oben (obere Ausrichtung), unten (untere Ausrichtung)), id, class, title, dir, lang

Verwendungspunkte: caption Das Element sollte ein untergeordnetes Objekt des Tabellenelements sein und das Beschriftungs-Tag muss unmittelbar auf das Tabellen-Tag folgen. Für eine Tabelle kann nur ein Titel definiert werden, normalerweise wird der Titel zentriert über der Tabelle angezeigt.

Funktionsbeschreibung: Spaltenattributwerte für die Tabelle definieren. Die definierten Objekte können eine oder mehrere Spalten in der Tabelle enthalten

Standardattribute: id, class, title, style, dir, lang

Optionale Attribute: align (horizontale Ausrichtung, einschließlich rechts (rechte Ausrichtung), links (linke Ausrichtung), center (Mitte), justify (Beide Enden ausrichten))

span (definieren Sie die Anzahl der Spalten, die umfassen soll, der Standardwert ist 1)

valign (vertikale Ausrichtung, einschließlich oben (obere Ausrichtung) ,

Breite (🎜> Breite (definierte Breite)

Farbe Farbe

>Funktionsbeschreibung: Definieren Sie die Gruppierung von Tabellenspalten

Standard Attribute: ID, Klasse, Titel, Stil, Verzeichnis, Sprache

Optionale Attribute: align, span (definieren Sie die Spalten, die die Spalte umfassen soll, der Standardwert ist 1), valign, width

Verwendungspunkte: Es ist nur innerhalb des Tabellen-Tags zulässig, und Spalten können kombiniert werden, um eine entsprechende Formatierung durchzuführen

fieldset

Funktionsbeschreibung: Gruppieren Sie verwandte Elemente innerhalb des Formulars

Standardattribute: ID, Klasse, Titel, Stil, Verzeichnis, Sprache

Verwendungspunkte: in Ein Feld wird außerhalb des Texts und anderer im Feldsatz enthaltener Elemente gezeichnet

......

Funktionsbeschreibung: Für das Feldset kann ein Titel definiert werden

Standardattribute: id, Klasse, Titel, Stil, Verzeichnis, Sprache

Verwendungspunkte: Das Legendenelement muss das erste Element im Feldsatz sein. Dieses Element ist ein Inline-Element und muss geschlossen werden

Funktionsbeschreibung: Erstellen Sie einen Inline-Frame mit externen Dokumenten

Standardattribute: ID, Klasse, Titel, Stil

Grundlegende Attribute: Name (Definieren Sie den Namen der Inhaltsseite), src (Definieren Sie die URL der Inhaltsseite), Frameborder (Definieren Sie den Rand der Inhaltsseite, der Wert ist 0/1 , der Standardwert ist 1, 0 wird nicht angezeigt. Rand, 1 zeigt Ränder zwischen den einzelnen Seiten an), Randbreite (definiert die Breite der oberen und unteren Ränder, die von der HTML-Datei im Rahmen angezeigt werden, der Standardwert wird vom Browser bestimmt), marginheight (definiert die Breite der linken und rechten Ränder, die von der HTML-Datei im Frame angezeigt werden. Der Standardwert wird vom Browser bestimmt), Scrolling (definiert, ob eine Bildlaufleiste vorhanden ist, der Wert ist ja/nein/auto, die Der Standardwert ist Auto), Ausrichtung, Höhe, Breite

Verwendungspunkte: Die Rolle des iframe-Elements entspricht dem Einbetten eines Dokuments in ein anderes Dokument oder dem Erstellen eines Inline-Floating-Frames wie eines Floating-Frames im Um ein iFrame-Inhaltsquelldokument zu verwenden, muss das Tag-Attribut „background-color“ oder „bgcolor“ des Body-Elements auf „transparent“ gesetzt sein. Dieses Element ist ein Blockelement und erfordert ein schließendes Tag

……

< ;dd>……

……

;/dl>

Funktionsbeschreibung: dd definiert die Anzeige Stil in der Liste

            dl definiert den Anzeigestil der Liste

            dt definiert die Elemente in der Liste

Standardattribute: id, class, title, style, dir, lang

Verwendungspunkte: dd wird normalerweise eingerückt in der Liste angezeigt. Das dd-Element ist ein Blockelement und muss mit einem Tag abgeschlossen werden.

dl-Element Das dt-Element ist ein Blockelement und muss mit dem Tag abgeschlossen werden

🎜>

Funktionsbeschreibung: Definieren Sie den Titel des Artikels

Standardattribute: align, id, class, title, style, dir, lang

Verwendungspunkte:

Definiert den größten Titel,

definiert den kleinsten Titel und muss das Tag schließen

...

Funktionsbeschreibung: Deklarieren, dass das Dokument selbst ein HTML-Dokument ist

Standardattribute: dir, lang

Grundlegende Attribute: common (allgemeine Attribute), xmlns (stellt den XML-Namespace dar), dir

< ins>......

Funktionsbeschreibung: Definieren Sie den Text, der erstellt wurde in das Dokument eingefügt

Standardattribute: id, class, title, style, dir, lang

Verwendungspunkte: Ins- und Del-Tags werden zusammen verwendet, um Aktualisierungen und Korrekturen im Dokument zu beschreiben

……

Funktionsbeschreibung: Gelöschten Text im Dokument definieren

Standardattribute: ID, Klasse, Titel , style, dir, lang

  • ……< ;/li>

    Funktionsbeschreibung: Definieren Sie ein Listenelement

    Standardattribute : id, class, title, style, dir, lang

    Verwendungspunkte: li Tags können in geordneten Listen

      und ungeordneten Listen

        Funktionsbeschreibung: Geordnete Liste definieren

        Standardattribute: ID, Klasse, Titel, Stil, Verzeichnis, Sprache

          ……

        Funktionsbeschreibung: Ungeordnete Liste definieren

        Standardattribute: ID, Klasse, Titel, Stil, Verzeichnis, Sprache

        ……

        Funktionsbeschreibung: Definieren Sie das relevante Format der Tabelle

        Standardattribute: align, id , class, title, style, dir, lang

        Verwendungspunkte: Zur Datenanzeige ist die Tabelle ein Blockelement und muss mit dem Tag

        Funktionsbeschreibung: Definieren Sie die Tabelle innerhalb der Tabellenkopfzelle

        Standardattribute: id, class, title, style, dir, lang

        Grundlegende Attribute: common, abbr (Abkürzung für Tabellenkopf), axis (Konzept für die obere Klassifizierung der Zelle), colspan (eine Zeile erstreckt sich über mehrere Spalten), headers (verbindet die Daten und Header der Tabelle), rowspan ( eine Spalte erstreckt sich über mehrere Zeilen), Gültigkeitsbereich (definiert die Kopfzeile der Zeile oder Spalte), ausrichten, valign

        Verwendungspunkte: Der Text innerhalb des th-Elements wird normalerweise fett dargestellt

        ……

        Funktionsbeschreibung: In der Tabelle eine Zeile definieren

        Standardattribute: ID, Klasse, Titel, Stil, Verzeichnis, lang

        Grundlegende Attribute: common, align, valign

        Funktionsbeschreibung: Definieren Sie eine Zelle in der Tabelle

        Standardattribute: id, class, title, style, dir, lang

        Grundlegende Attribute: common, abbr (Abkürzung für Tabellenkopf), axis (konzeptionelle Klassifizierung von Zellen), colspan (eine Zeile erstreckt sich über mehrere Spalten), headers (verbinden der Daten und Kopfzeilen der Tabelle), rowspan (eine Spalte) Spanning mehrere Zeilen), Gültigkeitsbereich (Zeilen- oder Spaltenüberschriften definieren), ausrichten, valign

        tbody

        Funktionsbeschreibung: Definieren Sie das Format eines Tabellenkörpers

        Standardattribute: ID, Klasse, Titel, Stil, Verzeichnis, Sprache

        Verwendungspunkte: Die Tabelle kann in einen separaten Teil unterteilt werden, und eine oder mehrere Zeilen in der Tabelle können zu einer Gruppe zusammengefasst werden, aber Es ist am besten, keine tbody-Tags in der Tabelle zu haben und nicht von einem tbody zum anderen tbody

        tfoot

        Funktionsbeschreibung: Definieren Sie das Format von Tabellenfußnoten

        Standardattribute: id, class, title, style, dir, lang

        Verwendungspunkte: Die im tfoot-Element enthaltenen gültigen Tags sind td, tr, th und jedes gegebene Tabellenobjekt kann nur Definieren Sie einen Fuß. Dieses Element erfordert ein schließendes Tag

        thead

        Funktionsbeschreibung: Definieren Sie das Format des Headers

        Standardattribute: ID, Klasse, Titel, Stil , dir , lang

        Wichtige Punkte für die Verwendung: Thead muss ein tr-Tag enthalten, und dieses Element ändert die Anzeige nicht. Wenn Sie die Elemente thead, tfoot und tbody verwenden, müssen Sie alle verwenden. Die Reihenfolge ihres Erscheinens ist Kopf, Fuß, Körper. Diese Tags müssen innerhalb des Tabellenelements verwendet werden

        Verwandte Empfehlungen:

        Analyse von Meta-Informations-Meta-Tag-Attributen in HTML (mit Code)

        Einführung in die dynamische Generierung von HTML-Elementen und das Hinzufügen von Attributen zu Elementen (mit Code)

        Das obige ist der detaillierte Inhalt vonWas sind HTML-Strukturelemente? Zusammenfassung verschiedener Strukturelemente in HTML (Klartext). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

        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

        Heiße KI -Werkzeuge

        Undresser.AI Undress

        Undresser.AI Undress

        KI-gestützte App zum Erstellen realistischer Aktfotos

        AI Clothes Remover

        AI Clothes Remover

        Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

        Undress AI Tool

        Undress AI Tool

        Ausziehbilder kostenlos

        Clothoff.io

        Clothoff.io

        KI-Kleiderentferner

        AI Hentai Generator

        AI Hentai Generator

        Erstellen Sie kostenlos Ai Hentai.

        Heißer Artikel

        R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
        3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
        R.E.P.O. Beste grafische Einstellungen
        3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
        R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
        3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
        WWE 2K25: Wie man alles in Myrise freischaltet
        4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

        Heiße Werkzeuge

        Notepad++7.3.1

        Notepad++7.3.1

        Einfach zu bedienender und kostenloser Code-Editor

        SublimeText3 chinesische Version

        SublimeText3 chinesische Version

        Chinesische Version, sehr einfach zu bedienen

        Senden Sie Studio 13.0.1

        Senden Sie Studio 13.0.1

        Leistungsstarke integrierte PHP-Entwicklungsumgebung

        Dreamweaver CS6

        Dreamweaver CS6

        Visuelle Webentwicklungstools

        SublimeText3 Mac-Version

        SublimeText3 Mac-Version

        Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

        Was ist der Zweck des & lt; Fortschritts & gt; Element? Was ist der Zweck des & lt; Fortschritts & gt; Element? Mar 21, 2025 pm 12:34 PM

        Der Artikel erörtert den HTML & lt; Progress & gt; Element, Absicht, Styling und Unterschiede vom & lt; Meter & gt; Element. Das Hauptaugenmerk liegt auf der Verwendung & lt; Fortschritt & gt; Für Aufgabenabschluss und & lt; Meter & gt; für stati

        Was ist der Zweck des & lt; datalist & gt; Element? Was ist der Zweck des & lt; datalist & gt; Element? Mar 21, 2025 pm 12:33 PM

        Der Artikel erörtert den HTML & lt; Datalist & gt; Element, das die Formulare verbessert, indem automatische Vorschläge bereitgestellt, die Benutzererfahrung verbessert und Fehler reduziert werden.Character Count: 159

        Was ist der Zweck des & lt; Meter & gt; Element? Was ist der Zweck des & lt; Meter & gt; Element? Mar 21, 2025 pm 12:35 PM

        Der Artikel erörtert das HTML & lt; Meter & gt; Element, verwendet zur Anzeige von Skalar- oder Bruchwerten innerhalb eines Bereichs und seine gemeinsamen Anwendungen in der Webentwicklung. Es differenziert & lt; Meter & gt; von & lt; Fortschritt & gt; und Ex

        Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5? Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5? Mar 17, 2025 pm 12:20 PM

        In Artikel werden Best Practices zur Gewährleistung der HTML5-Cross-Browser-Kompatibilität erörtert und sich auf die Erkennung von Merkmalen, die progressive Verbesserung und die Testmethoden konzentriert.

        Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Mar 17, 2025 pm 12:27 PM

        In dem Artikel werden unter Verwendung von HTML5 -Formularvalidierungsattributen wie Erforderlich, Muster, Min, MAX und Längengrenzen erörtert, um die Benutzereingabe direkt im Browser zu validieren.

        Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design? Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design? Mar 20, 2025 pm 05:56 PM

        In dem Artikel wird das Ansichtsfenster -Meta -Tag erörtert, das für das reaktionsschnelle Webdesign auf mobilen Geräten unerlässlich ist. Es wird erläutert, wie die ordnungsgemäße Verwendung eine optimale Skalierung von Inhalten und Benutzerinteraktion gewährleistet, während Missbrauch zu Design- und Zugänglichkeitsproblemen führen kann.

        Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Mar 20, 2025 pm 06:05 PM

        Der Artikel erörtert das & lt; iframe & gt; Der Zweck von Tag, externe Inhalte in Webseiten, seine gemeinsamen Verwendungen, Sicherheitsrisiken und Alternativen wie Objekt -Tags und APIs einzubetten.

        Gitee Pages statische Website -Bereitstellung fehlgeschlagen: Wie können Sie einzelne Dateien 404 Fehler beheben und beheben? Gitee Pages statische Website -Bereitstellung fehlgeschlagen: Wie können Sie einzelne Dateien 404 Fehler beheben und beheben? Apr 04, 2025 pm 11:54 PM

        GitePages statische Website -Bereitstellung fehlgeschlagen: 404 Fehlerbehebung und Auflösung bei der Verwendung von Gitee ...

        See all articles
        geschlossen werden. ...
        … …