Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Arbeiten mit HTML-Attributen | HTML-Tags und Attribute
Ultimatives HTML

Arbeiten mit HTML-Attributen

Swipe um das Menü anzuzeigen

Attribute liefern zusätzliche Informationen über ein HTML-Element. Sie können beeinflussen, wie ein Element sich verhält, aussieht oder funktioniert. Attribute werden im öffnenden Tag geschrieben und folgen immer dem Muster:

<tagname attribute_name="attribute_value">some content</tagname>

Wichtige Punkte

  • Attribute können erforderlich oder optional sein: Einige Elemente benötigen bestimmte Attribute (z. B. src für <img>), während andere optionale Attribute zur Anpassung verwenden;
  • Werte werden in Anführungszeichen geschrieben: Verwenden Sie "..." oder '...' um den Wert, um den Code lesbar zu halten;
  • Jedes Tag unterstützt unterschiedliche Attribute: Zum Beispiel verwendet <img> die Attribute src und alt, während <a> href verwendet;
  • Mehrere Attribute können hinzugefügt werden: Trennen Sie sie einfach mit Leerzeichen im öffnenden Tag.
index.html

index.html

  • src gibt dem Browser an, wo sich das Bild befindet;
  • alt liefert den Text, der angezeigt wird, wenn das Bild nicht geladen werden kann.
Note
Hinweis

Die spezifischen Attribute jedes Elements werden später betrachtet. Derzeit liegt der Fokus darauf, das Konzept von Attributen, deren Anwendung und die Tatsache zu verstehen, dass jedes Element über einen eigenen Satz von Attributen verfügt.

Zusammenfassung

Jedes HTML-Element kann Attribute enthalten, um sein Verhalten zu steuern:

  • Das Tag definiert den Typ des Elements;
  • Attribute fügen zusätzliche Informationen hinzu;
  • Der Inhalt ist das, was zwischen den Tags erscheint (sofern das Element ein schließendes Tag besitzt).

Dies ist die grundlegende Idee, die im gesamten Kurs beim Arbeiten mit verschiedenen Elementen verwendet wird.

question mark

Wie gibt man ein Attribut in einem HTML-Element korrekt an?

Wählen Sie die richtige Antwort aus

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 2

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Abschnitt 2. Kapitel 2
some-alt