Dies ist eine alte Version des Dokuments!
HTML-Elementreferenz
Wichtige HTML-Elemente
Start-Tag | Beschreibung | Typ |
---|---|---|
<a> | Hyperlink | inline |
<abbr> | Abkürzung | inline |
<aside> | Seitlicher Bereich | block |
<b> | bedeutungstragende Worte | inline |
<br> | Zeilenumbruch | inline |
<cite> | Titel von Büchern, Filmen usw. | inline |
<div> | Allgemeiner Bereich (division) | block |
<em> | betont, emphatisch (gefühlsmässig) betont | inline |
<footer> | Fussbereich der Webseite | block |
<h1> | grösste Überschrift (heading) | block |
<h2> | zweitgrösste Überschrift (heading) | block |
<h3> | drittgrösste Überschrift (heading) | block |
<h4> | drittkleinste Überschrift (heading) | block |
<h5> | zweitkleinste Überschrift (heading) | block |
<h6> | kleinste Überschrift (heading) | block |
<header> | Kopfbereich der Webseite | block |
<i> | spezielle Worte, z.B. Fachausdrücke, Eigennamen, anderssprachige Phrasen | inline |
<img> | Bild (image) | inline |
<main> | Hauptbereich der Webseite | block |
<nav> | Navigationsbereich, z.B. für Menüs | block |
<p> | Absatz (paragraph) | block |
<q> | ein Zitat (quote) | inline |
<a> (Hyperlink)
Das <a>
-Element stellt den Inhalt als Hyperlink dar. Als Inhalt kann eine Beliebige Kombination von Inline-Elementen verwendet werden (z.B. Text oder ein Bild). Das Ziel des Hyperlinks wird mit dem href
-Attribut angegeben. Wir zusätzlich das Attribut name
auf den Wert _blank
gesetzt, so wird das Ziel des Links in einem neuen Fenster bzw. Tab geöffnet.
Attribut | Bedeutung |
---|---|
href | Zieladresse des Hyperlinks |
target | _blank für neues Fenster/Tab |
<a href="http://www.gymkirchenfeld.ch">Gymnasium Kirchenfeld</a>
<abbr> (Abkürzuung)
Das <abbr>
-Element markiert eine Abkürzung. Der Inhalt des Elements ist die Abkürzung, der ausgeschriebene Begriff wird mit dem name
-Attribut angegeben.
Attribut | Bedeutung |
---|---|
title | Ausgeschriebener Begriff |
<abbr title="Hypertext Markup Language">HTML</abbr>
<img> (Bild)
Mit dem <img>
-Element wird ein Bild eingefügt. Das Element hat keinen Inhalt, die Adresse der Bilddatei wird mit dem src
-Attribut angegeben. Ausserdem muss mit dem alt
-Attribut ein textuelle Beschreibung des Bildes angegeben werden.
Attribut | Bedeutung |
---|---|
src | Adresse der Bilddatei |
alt | textuelle Beschreibung des Bilds |
<img src="tim-berners-lee.jpg" alt="Bild von Tim Berners-Lee">