Wichtigste HTML-Elemente

Element englisch deutsch Darstellung mit dem browsereigenen Stylesheet
<h1>Text</h1>
<h2>
Text</h2>
<h3>
Text</h3>
<h4>
Text</h4>
<h5>
Text</h5>
<h6>Text</h6>
header Titel, Überschrift

Die Zahlen bedeuten logisch/funktional die Gliederungsebene - so wie bei Kapiteln, Unterkapiteln, Abschnitten ... in einem Buch. (Nicht die Reihenfolge des Vorkommens)

Dieser Bedeutung folgend werden sie vom Browsereigenen Stylesheet auch fett, in verschiedener Größe und mit unterschiedlichem Abstand zum umgebenden Text dargestellt. Dies läßt sich mit einem eigenen stylesheet ändern.

Die Kennzeichnung der Bedeutung wird auch von einigen Suchmaschinen registriert - als reine Kennzeichnung der Schriftgröße sind header-tags daher nicht regelgerecht.

Die Überschrift erster Ordnung gilt für die ganze Seite - kommt daher nur einmal vor.

Text


Text


Text


Text


Text

Text
<p>Text</p>
<p>
Text</p>
paragraph Absatz

Text

Text

Text<br>Text break Zeilenumbruch Text
Text
Text<hr>Text horizontal rule waagerechte Trennlinie Text
Text
<ul>
<li>Listenpunkt</li>
<li>Listenpunkt</li>
</ul>
unordered list

list
Aufzählung - nicht numeriert
  • Listenpunkt
  • Listenpunkt
<ol start="1" type="1">
<li>Listenpunkt</li>
<li>Listenpunkt</li>
</ol>
ordered list

list
Aufzählung mit Zahlen oder Buchstaben für die Reihenfolge
  1. Listenpunkt
  2. Listenpunkt
<table border="1" >
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>

<td>3 </td>
<td>
4 </td>
</tr>
</table>

table
table row
table data
Tabelle
Tabellenzeile
Tabellenzelle

Ränder sind normalerweise unsichtbar - um sie sichtbar zu machen ist hier border="1" eingefügt - normal wäre da 0
Eine Tabelle ist immer nur so breit wie die Inhalte wenn dies nicht anders festgelegt ist.
1 2
3 4
text <span>text</span> text

text <span style="color:#DF0000"> text </span> text
span Abgrenzung, Bereich
die mit span abgegrenzten Bereiche bilden keinen Absatz und können daher mitten im Text eingesetzt werden.
text text text

text text text
<div>Text</div>
<div
style="border:1px solid #0000FF">Text</div>
division Abschnitt, Bereich
Ein Abschnitt ohne festgelegte Eigenschaften der einen Absatz = Block bildet. In den Browsern sind für div keine voreingestellten Abstände oder ähnliches festgelegt - anders als bei Absätzen mit p.
ein Abschnitt mit div nimmt immer die volle zur Verfügung stehende Breite ein wenn nicht anders festgelegt (im Unterschied zu einer Tabelle.
Text
Text
<img src="http://terrenal.de/.../4doubts.jpg" alt="mein Bild" border="0"> image
source
Bild
Quelle (Adresse - url)
mein Bild
<a href="http://terrenal.de">meine Seite</a> anchor
hyperreference
Anker - Link
Hypertext-Referenz
meine Seite