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>