Heim  >  Artikel  >  Web-Frontend  >  Was sind HTML-Strukturelemente? Zusammenfassung verschiedener Strukturelemente in HTML (Klartext)

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

不言
不言Original
2018-07-21 16:46:243713Durchsuche

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!

        Stellungnahme:
        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
        geschlossen werden. ...
        … …