Referenzen CSS / HTML

CSS

HTML

HTML Grundaufbau

<html> Mutter aller Elternelemente
<head> Übergeordneter Bereich (für Metainformationen)
<body> Die Inhalte, die im Browser sichtbar werden

Head-Elemente

<title> Der Titel der Seite (Titelleiste, Tab, Lesezeichen)
<meta> Anweisungen für Web-Server, Web-Browser und Suchmaschinen
<link> Einbinden von externen Stylesheet und Favicons
<style> Style-Blöcke (internes CSS)
<base> Adressbasis (z.b. als Standard-Sprungziel)
<script> Einbinden von Javascript (Intern/Extern)

Body-Elemente

<map> Image Maps
<area> Klicksensitive Bereich innehalb der Image Map

Block-Elemente (Strukturgebende Elemente)

<p> Absatz
<h1> - <h6> Überschriften
<pre> Nicht-formatierter Bereich
<br> Zeilenumbruch
<hr> Trennlinie
<div> Division (Abschnitt, Bereich)
<ul> Unordered List
<ol> Ordered List
<li> List Item (Listenpunkt)
<dl> Definitionlist
<dt> Definition Term
<dd> Definition Description

Formular-Elemente

<form> Das Formular
<fieldset> Feldgruppe (Orgranisition von Feldern)
<legend> Überschrift der Feldgruppe

Tabellen-Elemente

<table> Table
<tr> Zeile
<td> Zelle
<th> Kopfzelle

Inline-Block-Elemente

<img> Bild
<iframe> Iframe
<input> Formularelemente
<textarea> Kommentarbereich
<select> Auswahl (Formular)
<option> Auswahlelement (nur bei select)
<button> Grafischer Button

Inline-Elemente

<a> Hyperlink
<span> Spanne, Bereich
<label> Bezeichner bei Formularen

Zeichenformate Semantische Textauszeichnung

<b> Stichwörter, Firmennamen
<i> Fachausdrücke, andersprachige Phrasen
<u> nicht artikulierte Zusatzbemerkung
<s> nicht mehr gültiger Text
<sub> tiefgestellt
<sup> hochgestellt

Veraltet

<tt> fernschreiber (dicktengleich)
<big> gross
<font> Schrift (face, size, color)
<acronym> Abkürzung (Nutzung mit Attribut title="Wert")
<marquee> Laufschrift (Blockelement)

Logische Zeichenformate

<cite> Titel Bezeichnung, nicht die Bezeichnung des Autors
<samp> Ausgabe in technischen Dokumentationen, Fehlermeldungen
<kbd> Tastatur, Menübefehle
<dfn> zu definierender Ausdruck, nicht die eigentliche Definition
<var> Variable
<code> Programmier-/Quellcode
<strong> Signalwirkung, Achtung, Wichtig
<em> Betonung, Worte denen man durch lautes Aussprechen Bedeutung verleiht
<abbr> Abkürzung (Nutzung mit Attribut title="Wert")

HTML 5 - Elemente

Sematische Blockelemente

<section> Abschnitt eines Dokuments / Bereich
<nav> Navigationsabschnitt
<article> Inhaltlicher Abschnitt eines Dokuments
<aside> Randbemerkung
<header> Kopfzeile
<footer> Fusszeile
<address> Adressbereich mit Kontaktinformationen.
<figure> Abschnitt für einer visueller Darstellung (Bild)
<figcaption> Bildbeschreibung

Eingebettete Inhalte (Multimedia)

<audio> Audiodatei oder Audiostream
<video> Videodatei oder Videostream
<source> Alternative Dateiformate bei Audio oder Videodateien
<canvas> Leinwand zur Darstellung durch Javascript erzeugter visueller Inhalte
<svg> Vektorgrafik im SVG-Format
<math> mathematische Formel