HMTL-Kurzreferenz

abgeleitet von SELFHTML (Stefan Münz)

Grundgerüst HTML-Datei und Dateikopf
Text und Absätze
Tabellen
Verweise und Grafiken

Grundgerüst HTML-Datei und Dateikopf
Grundgerüst <html>
<head>
<title>Text für Titelleiste</title>
</head>
<body>
... Datei-Inhalt ...
</body>
</html>

Kommentare <!-- Kommentartext -->

<!--
Mehrzeiliger
Kommentartext
// -->

Seitenanfang

Text und Absätze
Umlaute u. scharfes S ä = &auml;
Ä = &Auml;
ö = &ouml;
Ö = &Ouml;
ü = &uuml;
Ü = &Uuml;
ß = &szlig;

Sonderzeichen Leerzeichen von der Beite n = &ensp;
Leerzeichen von der Beite m = &emsp;
Bindestrich von der Beite n = &endash;
Bindestrich von der Beite m = &emdash;
Leerzeichen ohne Umbruchmöglichkeit dahinter = &nbsp;

HTML-Zeichen
und deren Maskierung 		Zeichen < = &lt;
Zeichen > = &gt;
Zeichen & = &amp;
Zeichen " = &quot;

Absatzschaltung und
Absatzausrichtung 		<p> = neuer Absatz
<p align=left> = folgender Absatz links
<p align=center> = folgender Absatz zentriert
<p align=right> = folgender Absatz rechts

Mehrere Elemente zentriert ausrichten:
<center> ... beliebige Elemente ... </center>

<br> = Zeilenumbruch an dieser Stelle
<nobr> ... </nobr> = kein Zeilenumbruch im Bereich
<wbr> ... </wbr> = Zeilenumbruch NOBR-Bereich

Überschriften <h1> ... </h1> = Überschrift 1. Ordnung
<h2> ... </h2> = Überschrift 2. Ordnung
<h3> ... </h3> = Überschrift 3. Ordnung
<h4> ... </h4> = Überschrift 4. Ordnung
<h5> ... </h5> = Überschrift 5. Ordnung
<h6> ... </h6> = Überschrift 6. Ordnung

<h# align=left> ... </h#> = Überschrift links
<h# align=center> ... </h#> = Überschrift zentriert
<h# align=right> ... </h#> = Überschrift rechts
(# = 1-6)

Listen <ul> = Bullet-Liste
<li> = Listeneintrag
</ul> = Ende der Bullet-Liste>

<ol> = numerierte Liste
<li> = Listeneintrag
</ol> = Ende der numerierten Liste>

<dir> = Verzeichnis-Liste
<li> = Listeneintrag
</dir> = Ende der Verzeichnis-Liste

Glossare <dl> = Glossar-Anfang
<dt> ... </dl> = zu definierender Ausdruck
<dd> ... </dd> = Definition
</dl> = Glossar-Ende

Andere Absatztypen <pre> ... </pre> = Präformatierter Text
<address> ... </address> = Internet-Adresse
<blockquote> ... </blockquote> = Zitat

Logische
Textauszeichnung 		<strong> ... </strong> = wichtig
<em> ... </em> = emphatisch
<tt> ... </tt> = dicktengleich
<cite> ... </cite> = Zitat
<code> ... </code> = Quellcode
<kbd> ... </kbd> = Terminal
<var> ... </var> = Variable
<samp> ... </samp> = Beispiel
<dfn> ... </dfn> = Definition

Physische
Textauszeichnung 		<b> ... </b> = fett
<i> ... </i> = kursiv
<u> ... </u> = unterstrichen
<blink> ... </blink> = blinkend
<s> ... </s> = durchgestrichen
<big> ... </big> = große Schrift
<small> ... </small> = kleine Schrift
<sub> ... </sub> = tiefgestellt
<sup> ... </sup> = hochgestellt

<font color=#rgb> ... </font> = Schriftfarbe
(r = Rotwert, hexadezimal 00 bis FF
g = Grünwert, hexadezimal 00 bis FF
b = Blauwert, hexadezimal 00 bis FF)

<font face=> ... </font> = Schriftart

Seitenanfang

Tabellen

Tabelle definieren <table> = Tabellen-Anfang
<tr> = neue Tabellenzeile
<th> ... </th> = Kopfzelle
<td> ... </td> = Datenzelle
</tr> = Ende der Tabellenzeile
</table> = Tabellen-Ende

Seitenanfang

Verweise und Grafiken

Lokale Verweise Innerhalb einer Datei:

Anker in Datei setzen: <a name="Bezeichner"> ... </a>
Verweis zu Anker: <a href="#Bezeichner">Verweistext</a>

Zwischen Dateien:

Verweis zu Datei im gleichen Verzeichnis:
<a href="datei.htm">Verweistext</a>

Verweis zu Datei in anderem Verzeichnis (relativ):

Weltweite Verweise Schema:
<a href="URL-Typ://Server/Verzeichnis/Datei">Verweistext</a>

URL-Typen http:// = Adressierung von HTML-Dateien im WWW
ftp:// = Adressierung von Dateien auf FTP-Servern
telnet:// = Adressierung von Telnet-Servern
gopher:// = Adressierung von Dateien auf Gopher-Servern
news: = Adressierung von Newsgroups im Usenet
mailto: = Adressierung von persönlichen Email-Adressen

Grafiken Zwischen Dateien:

Grafik im gleichen Verzeichnis:
<img src="datei.gif">

Grafik in anderem Verzeichnis (relativ):
<img src="../[pfad]/datei.gif">

Grafik in anderem Verzeichnis (absolut):
<img src="file://localhost/[lw:/pfad]/datei.gif">

Alternativer Text bei Nichtanzeige der Grafik:
<img src="datei.gif" alt="anzuzeigender Text">

Rahmen um Grafiken:
<img src="datei.gif" border=(Zahl)> = Breite in Pixel

Grafiken ausrichten (Text fließt um die Grafik):
<img src="datei.gif" align=left> = links ausrichten
<img src="datei.gif" align=right> = rechts ausrichten

Abstand zwischen Grafik und Umgebung:
<img src="datei.gif" vspace=(Zahl)> = Abstand oben/unten
<img src="datei.gif" hspace=(Zahl)> = Abstand links/rechts

Grafikbeschriftung (ein Textabsatz!) links neben der Grafik:
<img src="datei.gif" align=top> = Beschriftung oben
<img src="datei.gif" align=middle> = Beschriftung mittig
<img src="datei.gif" align=bottom> = Beschriftung unten

Grafiken skalieren:
<img src="datei.gif" width=(Zahl oder %)> = in Breite dehnen
<img src="datei.gif" height=(Zahl oder %)> = in Höhe dehnen

Seitenanfang