HTML-Kurzreferenz



HTML-Datei

Eigenschaft HTML Nähere Infos
HTML-Datei
Grundgerüst
<html>

<head>

<title>Titel</title>

</head>

<body>

Inhalt der Datei

</body>

</html>

 
HTML-Datei
Vordergrundfarben


<body text= link= vlink= alink=>

text=[#XXXXXX/"Farbname"]
link=[#XXXXXX/"Farbname"]
vlink=[#XXXXXX/"Farbname"]
alink=[#XXXXXX/"Farbname"]
HTML-Datei
Hintergrundfarbe


<body bgcolor=>

bgcolor=[#XXXXXX/"Farbname"]

Dateikopf

Eigenschaft HTML Nähere Infos
Dateikopf
Titel


<title>...</title>

 
Dateikopf
Meta-Information
<meta name= content=>

<meta http-equiv= content=>

name=description content="..."
name=author content="..."
name=keywords content="..."

 

Text und Absätze

Eigenschaft HTML Nähere Infos
Text und Absätze
Überschrift


<h[1-6]>...</h[1-6]>

 
Text und Absätze
Überschrift ausrichten


<h[1-6] align=>...</h[1-6]>

align=[left/center/right/justify]
 
Text und Absätze
Textabsatz


<p>

<p>...</p>

 
Text und Absätze
Absatz ausrichten


<p align=>

<p align=>...</p>

align=[left/center/right/justify]
 
Text und Absätze
Zeilenumbruch


<br>

 
Text und Absätze
Geschützte
Leerzeichen


&nbsp;

 
Text und Absätze
Physische
Textauszeichnung


<b>...</b>

<i>...</i>

<tt>...</tt>

b = fett
i = kursiv
tt = dicktengleich
 
Text und Absätze
Physische
Textauszeichnung


<u>...</u>

<strike>...</strike>

<big>...</big>

<small>...</small>

<sub>...</sub>

<sup>...</sup>

u = unterstrichen
strike = durchgestrichen
big = größerer Text
small = kleinerer Text
sub = tiefgestellt
sup = hochgestellt
 
Text und Absätze
Physische
Textauszeichnung


<blink>...</blink>

blink = blinkend
 
Text und Absätze
Schriftgröße


<font size=>...</font>

size=[1/2/3/4/5/6/7]
 
Text und Absätze
Schriftfarbe


<font color=>...</font>

color=[#XXXXXX/"Farbname"]
 
 
Text und Absätze
Schriftart


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

face="Schriftartname"
 
Text und Absätze
Textabschnitt zentrieren


<center>...</center>

 
Text und Absätze
Textabschnitt ausrichten


<div align=>...</div>

align=[left/center/right]
 
Text und Absätze
Trennlinie


<hr>

 
Text und Absätze
Trennlinie Optionen


<hr noshade>

<hr width=>

<hr size=>

<hr align=>

noshade (nicht schattieren)
width=[Pixel/%] (Breite)
size=[Pixel] (Größe)
align=[left/center/right] (Ausrichtung)
 
Text und Absätze
Trennlinie Optionen


<hr color=>

color=[#XXXXXX/"Farbname"]
 
 
Text und Absätze
Freies Plazieren
von Text
vertikal


<spacer type=vertical size=>

size=[Pixel] (Größe)
 

Tabellen

Eigenschaft HTML Nähere Infos
Tabellen
Aufbau

<table [border]>

<tr>

<th>Kopfzelle</th>

<th>Kopfzelle</th>

</tr>

<tr>

<td>Datenzelle</td>

<td>Datenzelle</td>

</tr>

</table>

border (mit Gitternetzlinien)
 
Tabellen
Rahmen
und Abstände


<table border=> </table>

<table cellpadding=> </table>

<table cellspacing=> </table>

border=[Pixel] (Rahmendicke)
cellpadding=[Pixel] (Innenabstand Zelle)
cellspacing=[Pixel] (Gitternetzliniendicke)
 
Tabellen
Regeln
Tabellenrahmen


<table border frame=> </table>

frame=[box/void/avove/below/hsides/vsides/lhs/rhs]
(Regeln f. Tabellenrahmen)
 
Tabellen
Breite und Höhe


<table width= height=> </table>

width=[Pixel/%] (Breite der Tabelle)
height=[Pixel/%] (Höhe der Tabelle)
 
Tabellen
Spaltenbreite


<th width=> </th>

<td width=> </td>

width=[Pixel/%] (Breite)
 
Tabellen
Zeilenhöhe


<th height=> </th>

<td height=> </td>

height=[Pixel/%] (Höhe)
 
Tabellen
Zelleninhalt
ausrichten


<tr align=> </tr>

<tr valign=> </tr>

<th align=> </th>

<th valign=> </th>

<td align=> </td>

<td valign=> </td>

align=[left/center/right] (horizontal)
valign=[top/middle/bottom] (vertikal)
 
 
Tabellen
Zellen
verbinden


<th colspan=> </th>

<th rowspan=> </th>

<td colspan=> </td>

<td rowspan=> </td>

colspan=[Spaltenzahl] (Spalten verbinden)
rowspan=[Zeilenzahl] (Zeilen verbinden)
 
 
Tabellen
Hintergrundfarbe


<table bgcolor=> </table>

<tr bgcolor=> </tr>

<th bgcolor=> </th>

<td bgcolor=> </td>

bgcolor=[#XXXXXX/"Farbname"]
 
 
 

Grafik

Eigenschaft HTML Nähere Infos
Grafik
einbinden


<img src="datei.gif">

<img src="[Pfad]/datei.gif">

<img src="http://.../datei.gif">

 
Grafik
Optionen


<img src= alt=>

<img src= border=>

<img src= name=>

alt="Alternativtext"
border=[Pixel] (Rahmendicke)
name="Text"
Grafik
beschriften


<img src= align=>

align=[top/middle/bottom]
 
Grafik
beschriften (spezieller)


<img src= align=>

align=[texttop/absmiddle/absbottom]
 
Grafik
Text um Grafik
fließen lassen


<img src= align=>

align=[left/right]
 
Grafik
Abstand Grafik
zu Text


<img src= hspace= vspace=>

hspace=[Pixel] (horizontaler Abstand)
vspace=[Pixel] (vertikaler Abstand)
 
Grafik
Breite und Höhe
angeben


<img src= width= height=>

width=[Pixel] (Breite)
height=[Pixel] (Höhe)
 
http://www.agri.ch/support/web/selfhtml/th.htm

Ein Beipiel