Ein eigenes Kapitel verdient das Tag, da es, obwohl sein Inhalt im Video nicht angezeigt wird, eine grundlegende Rolle bei der Erstellung einer Webseite spielt.
Wie bereits erwähnt, enthält dieses Tag die Informationen über die Website, aber welche Art von Informationen enthält es? Zunächst einmal enthält es den Titel der Website, was nicht wenig ist. Dann enthält es die Beschreibung der Website und die Schlüsselwörter, die die Website charakterisieren.
Der Titel, die Beschreibung und die Schlüsselwörter sind grundlegend für eine gute Positionierung in Suchmaschinen, aber das werden wir später sehen. Außerdem enthält es persönliche Informationen des Webmasters, wie die E-Mail-Adresse, den Namen und gegebenenfalls ein Copyright. Es könnte viele weitere Informationen enthalten, die aber für die Entwicklung der Website nicht notwendig sind, also beschränken wir uns darauf.
Jedes Element hat ein eigenes Referenz-Tag, ohne das es für den Browser unmöglich wäre, es als solches zu erkennen. So gibt es Tags für Text, Tags für Bilder, Tags für Farben, Tags für Positionierung… und so weiter.
Bevor wir einige wichtige Tags näher kennenlernen, ist es gut zu wissen, woraus ein Tag besteht:. Ein Tag wird zwischen zwei spitze Klammern gesetzt, ohne die es vom Browser nicht interpretiert werden würde. Eine weitere wichtige Überlegung ist, dassjedem öffnenden Tag immer zwingend ein schließender Tag entsprechen muss ohne die der Browser das Dokument nicht übersetzen könnte.
Die schließenden Tags haben im Vergleich zu den öffnenden nur eine kleine diagonale Schrägstrich, wie dieser /. So sieht ein schließender Tag aus: . So sieht die genaue Syntax eines Tag-Befehls aus: Befehlsinhalt…. Jetzt, wo wir anfangen, uns mit Tags vertraut zu machen, sehen wir einige der am häufigsten verwendeten:
Dies sind einige der meistgenutzten Tags, und in den folgenden Lektionen werden wir sehen, wie man sie verwendet, und wir werden uns mit weiteren wichtigen Tags vertraut machen.
Wie bei allen anderen Tags muss auch dieser gültig sein und einen öffnenden und einen schließenden Tag haben, also haben wir für das title-Tag: Tag Damit öffnen Sie den Online-Editor und fügen dieses neue Tag zwischen die head-Tags ein, wobei Sie als Titel eingeben Meine erste Website:
Speichern Sie die Seite als index.html und öffnen Sie sie mit Ihrem Webbrowser. Schauen Sie oben links in die erste obere Browserleiste, und Sie werden den Titel Ihrer Website in der Leiste sehen. Nun fügen wir unserem Titel eine kurze Beschreibung hinzu, um den Bezug zu vervollständigen:
Speichern Sie die Seite erneut als index.html, indem Sie die zuvor gespeicherte Datei überschreiben, um die Änderungen zu übernehmen.
Der Body-Tag enthält alles, was Sie auf Ihrem Bildschirm sehen, also alle sichtbaren Elemente einer Webseite. Text, Bilder, Videos, Formulare, Links und vieles mehr werden in diesem sehr wichtigen Tag eingeschlossen. Um ein kleines Beispiel für das, was der Body-Tag repräsentiert, zu geben, nehmen wir unsere index.html-Seite und schreiben Folgendes zwischen die Body-Tags:
Speichern Sie die Seite erneut, akzeptieren Sie die Änderungen und laden Sie sie in Ihrem Webbrowser. Sieht’s? Das ist die Bedeutung des Body-Tags, ohne das jede Webseite wie ein leerer weißer Zettel wirken würde.
Pubblicato in HTML & CSS
Hinterlasse jetzt einen Kommentar