Kodokon kodokon.com

Was ist HTML? Tags und Attribute

Entdecke, was HTML ist, und lerne, ein Tag und ein Attribut zu erkennen.

6 Min. · 3 Fragen

Diese Lektion in Kodokon öffnen

Wenn du eine Website auf deinem Handy oder Computer besuchst, benutzt du einen Browser: das Programm, das Webseiten anzeigt (Chrome, Firefox, Safari...). Um zu wissen, was er anzeigen soll, liest der Browser ein Dokument, das in HTML geschrieben ist. HTML steht für HyperText Markup Language (Hypertext-Auszeichnungssprache). Es ist keine Programmiersprache: Es berechnet nichts. Es ist eine Beschreibungssprache, die dem Browser sagt, was jeder Inhalt ist: "das ist eine Überschrift", "das ist ein Absatz", "das ist ein Bild".

Um Inhalte zu beschreiben, verwendet HTML Tags. Ein Tag ist ein Schlüsselwort, das zwischen den spitzen Klammern < und > steht. Die meisten Tags treten paarweise auf: ein öffnendes Tag wie <p>, dann der Inhalt, dann ein passendes schließendes Tag, dem ein Schrägstrich vorangestellt ist: </p>. Das Ganze aus "öffnendem Tag + Inhalt + schließendem Tag" nennt man ein Element. Der Name p steht für paragraph (Absatz).

HTML
<p>Hello!</p>
<p>This is my first paragraph.</p>
<p>The text goes between the two tags.</p>
Drei p-Elemente: Jedes Tag, das geöffnet wird, wird auch geschlossen.

Ein Tag kann zusätzliche Informationen tragen, die man Attribute nennt. Ein Attribut steht immer im öffnenden Tag, niemals im schließenden. Es wird als name="wert" geschrieben: der Name des Attributs, ein Gleichheitszeichen, dann der Wert in doppelten Anführungszeichen. Zum Beispiel gibt das Attribut lang die Sprache des Inhalts an, und das Attribut id verleiht einem Element eine eindeutige Kennung.

HTML
<p lang="fr">Un paragraphe écrit en français.</p>
<p lang="en">A paragraph written in English.</p>
<p id="conclusion">A paragraph with an identifier.</p>
Die Attribute lang und id, platziert im öffnenden Tag.

Wissenscheck

Stelle sicher, dass du die wichtigsten Punkte dieser Lektion behalten hast.

  1. Wofür steht die Abkürzung HTML?
    • HyperText Markup Language
    • High Tech Modern Language
    • Home Tool Markup Language
    • HyperText Machine Link
  2. Wie schreibt man das schließende Tag eines Absatzes?
    • <p>
    • </p>
    • <end-p>
  3. Wo platziert man ein Attribut wie lang="en"?
    • Im öffnenden Tag
    • Im schließenden Tag
    • Nach dem Element, in einer neuen Zeile