Inhaltsverzeichnis:
- Dies ist eine große Überschrift mit allen drei Bedingungen
- ) folgt Text und dann ein schließendes Tag (
Video: 107 JS für Einsteiger: Auslesen und Überschreiben von Elementinhalten 2025
HTML verwendet spezielle Text-Schlüsselwörter mit dem Namen Elemente , um eine Website zu strukturieren und zu gestalten. Der Browser erkennt ein Element und wendet seine Wirkung an, wenn die folgenden drei Bedingungen erfüllt sind:
-
Das Element ist ein Buchstabe, ein Wort oder eine Phrase mit besonderer Bedeutung. Beispielsweise ist h1 ein Element, das vom Browser erkannt wird, um einen Header-Effekt mit fettem Text und einer vergrößerten Schriftgröße anzuwenden.
-
Das Element ist mit einer linken Klammer (<) und einer rechtwinkligen Klammer (>) eingeschlossen. Ein so eingeschlossenes Element wird als -Tag bezeichnet (wie zum Beispiel
).
-
Auf ein öffnendes Tag () folgt ein schließendes Tag (). Beachten Sie, dass sich das schließende Tag von dem öffnenden Tag durch Hinzufügen eines Schrägstrichs nach der ersten linken Klammer und vor dem Element (wie z. B. ) unterscheidet.
Einige HTML-Tags sind selbstschließend und benötigen keine separaten schließenden Tags, nur einen Schrägstrich im öffnenden Tag.
Wenn alle drei Bedingungen erfüllt sind, wird der Text zwischen den öffnenden und schließenden Tags mit dem definierten Effekt des Tags versehen. Wenn nur eine dieser Bedingungen nicht erfüllt ist, zeigt der Browser nur Klartext an.
Zum besseren Verständnis dieser drei Bedingungen lesen Sie den Beispielcode unten:
Dies ist eine große Überschrift mit allen drei Bedingungen
h1 Dies ist ein Text ohne das Zeichen, das das Tag umgibt / h1 Dies ist ein Text mit einem Tag, der für den Browser keine Bedeutung hat Dies ist normaler Text
Sie können sehen, wie ein Browser diesen Code hier anzeigen würde.
Der Browser wendet einen Header-Effekt auf "Dies ist eine große Überschrift mit allen drei Bedingungen", da h1 ein Header-Tag ist und alle drei Bedingungen für ein gültiges HTML-Tag vorhanden sind:
-
Der Browser erkennt das Element h1.
-
Das Element h1 ist mit einer linken (<) und einer rechtwinkligen Klammer (>) umgeben.
-
) folgt Text und dann ein schließendes Tag (
).
Beachten Sie, wie das h1-Tag selbst nicht in der Überschrift angezeigt wird. Der Browser zeigt niemals den tatsächlichen Text eines Elements in einem korrekt formatierten HTML-Tag an.
Die verbleibenden Codezeilen werden als einfacher Text angezeigt, da bei ihnen jeweils eine der Bedingungen fehlt. In der zweiten Codezeile fehlen dem Tag
die linke und die rechte Klammer, was gegen die zweite Bedingung verstößt.
Die dritte Codezeile verletzt die erste Bedingung, da Rockstar kein erkanntes HTML-Element ist. Schließlich wird die vierte Codezeile als Nur-Text angezeigt, da dem Text kein öffnendes Tag vorangestellt ist und kein schließendes Tag dem Text folgt, was die dritte Bedingung verletzt.
Jeder linke Winkel muss nach dem Element mit einem rechten Winkel folgen. Darüber hinaus muss jedem öffnenden HTML-Tag ein schließendes HTML-Tag folgen. Über 100 HTML-Elemente sind vorhanden.
HTML ist eine fehlerverzeihende Sprache und kann einen Effekt richtig anwenden, selbst wenn Sie Code-Teile wie ein schließendes Tag verpassen. Wenn Sie jedoch zu viele Fehler hinterlassen, wird Ihre Seite nicht korrekt angezeigt.
