Unterschied zwischen Element, Tag und Attribut in HTML bzw. XHTML

Nur-Text-Variante

<blockquote class="wissenschaftlich">Und sie bewegt sich doch!</blockquote>
|           |     |                ||                         |           |
|           |     |--Attributwert--||                         |           |
|           |                      ||                         |           |
|           |-------Attribut-------||                         |           |
|                                   |                         |           |
|------------(Start-)Tag------------|------Elementinhalt------|-(End-)Tag-|
|                                                                         |
|---------------------------------Element---------------------------------|

farbige Hervorhebungen

	HTML	XHTML
Legende	Element Elementname Elementinhalt Tag Start-Tag End-Tag Attribut Attributname Attributwert
Kurzfassung	`<h2 class="Beispiel">Überschrift</h2>`
ausführlich	`<h2 class="Beispiel">Überschrift</h2>`
optionale Tags	In HTML sind einige Tags optional. `<p>Ein Textabsatz ...`	In XHTML gibt es keine optionalen Tags. `<p>Ein Textabsatz ...</p>`
leere Elemente	`<img src="fichte.jpg" alt="Fichte">`	In XHTML müssen leere Elemente gekennzeichnet werden. `<img src="fichte.jpg" alt="Fichte" />`
leere Attribute	In HTML gibt es einige Attribute mit optionaler Wertzuweisung. `<textarea readonly>Ergebnis</textarea>`	In XHTML muss jedem Attribut ein Wert zugewiesen werden. `<textarea readonly="readonly">Ergebnis</textarea>`

Autor: Matthias Apsel (Impressum)