Unwiderrufliche Regeln html. Regeln zum Erstellen von HTML-Dokumenten. CSS-Stilregeln

HTML-Grundlagen enthalten die Grundregeln der HTML-Sprache, eine Beschreibung des Aufbaus einer HTML-Seite, Beziehungen im Aufbau eines HTML-Dokuments zwischen HTML-Elementen.

Ein HTML-Dokument ist ein reines Textdokument, es kann auf die gleiche Weise wie in einem normalen Texteditor erstellt werden. (Notizbuch), und in einem spezialisierten, mit Code-Hervorhebung (Notepad++, Visual Studio Code usw.). Ein HTML-Dokument hat die Erweiterung .html.

Ein HTML-Dokument besteht aus einem Baum von HTML-Elementen und Text. Jedes Element wird im Quelldokument durch ein Start- (Öffnungs-) und ein End- (Schließungs-) Tag identifiziert (mit seltenen Ausnahmen).

Tag starten zeigt, wo das Element beginnt, endet - wo es endet. Schlusstag gebildet durch Hinzufügen eines Schrägstrichs / vor dem Tag-Namen:<имя тега> … . Zwischen den Start- und End-Tags befindet sich der Inhalt des Tags - Inhalt.

Einzelne Tags können Inhalte nicht direkt speichern, sie werden als Attributwert geschrieben, zum Beispiel ein Tag erstellt eine Schaltfläche mit Text Taste Innerhalb.

Tags können ineinander verschachtelt werden, z. B.

Text

. Wenn Sie investieren, müssen Sie die Reihenfolge ihrer Schließung einhalten (Prinzip der "Matroschka"), wäre beispielsweise der folgende Eintrag falsch:

Text

HTML-Elemente können Attribute haben (global, auf alle HTML-Elemente angewendet und eigene). Attribute werden in das öffnende Tag eines Elements geschrieben und enthalten einen Namen und einen Wert, die im Format attribute name="value" angegeben sind. Mit Attributen können Sie die Eigenschaften und das Verhalten des Elements ändern, für das sie festgelegt wurden.

Jedes Element kann mehrere Klassenwerte und nur einen ID-Wert haben. Mehrere Klassenwerte werden mit einem Leerzeichen geschrieben,

. Die Klassen- und ID-Werte dürfen nur Buchstaben, Zahlen, Bindestriche und Unterstriche enthalten und dürfen nur mit Buchstaben oder Zahlen beginnen.

Der Browser betrachtet (interpretiert) ein HTML-Dokument, baut seine Struktur (DOM) auf und zeigt es gemäß den in dieser Datei enthaltenen Anweisungen (Stylesheets, Skripte) an. Wenn das Markup korrekt ist, zeigt das Browserfenster eine HTML-Seite mit HTML-Elementen an – Überschriften, Tabellen, Bilder usw.

Interpretationsprozess (Parsing) beginnt, bevor die Webseite vollständig in den Browser geladen ist. Browser verarbeiten HTML-Dokumente von Anfang an sequentiell, während sie CSS verarbeiten und Stylesheets mit Seitenelementen verknüpfen.

Ein HTML-Dokument besteht aus zwei Abschnitten – der Überschrift – zwischen den Tags … und Inhalt - zwischen Tags …

.

Webseitenstruktur

1. Die Struktur des HTML-Dokuments

Die HTML-Sprache folgt den Regeln, die in der Dokumenttyp-Deklarationsdatei enthalten sind. (Dokumenttypdefinition oder DTD). Eine DTD ist ein XML-Dokument, das definiert, welche Tags, Attribute und deren Werte für einen bestimmten HTML-Typ gültig sind. Jede HTML-Version hat ihre eigene DTD.

DOCTYP verantwortlich für die korrekte Darstellung der Webseite durch den Browser. DOCTYPE definiert nicht nur die HTML-Version (z. B. html), sondern auch die entsprechende DTD-Datei im Web.

...

Elemente innerhalb eines Tags , bilden einen Dokumentenbaum, den sog Dokumentobjektmodell, DOM (Dokumentobjektmodell). Gleichzeitig das Element ist das Wurzelelement.

Reis. 1. Die einfachste Struktur einer Webseite

Um das Zusammenspiel der Elemente einer Webseite zu verstehen, ist es notwendig, die sog "Familienbeziehung" zwischen Elementen. Beziehungen zwischen mehreren verschachtelten Elementen werden in Eltern-, Kind- und Geschwisterbeziehungen klassifiziert.

Vorfahr Ein Element, das andere Elemente enthält. In Abbildung 1 ist der Vorfahr für alle Elemente . Gleichzeitig das Element ist der Vorfahre aller darin enthaltenen Tags: