rgb-Farben:
hexadezimal gezählte Farbkomponenten jeweils von #00 bis #ff
Beispiele:
#ffffff = weiß
#ff0000 = rot
#00ff00 = rün
#0000ff = blau
#ffff00 = gelb !!!

!!!: Bei der Farbgebung von Text und Hintergrund besonders auf gute Lesbarkeit achten! Sanfte Farben wirken edler! Harte, schrille Farben wirken entweder billig oder kindisch!

Bilder: nur ".gif" oder ".jpg" verwenden!!!!
Alle anderen Formate sind entweder nicht konform mit den HTML-Regeln (Bild wird nicht übertragen) oder sie sind zu groß und powern daher das Tempo der Homepage herunter!
Urheberrechte beachten!!!

Mindestangabe:
<img src="khs4e1.jpg" ">
besser:
<img src="khs4e1.jpg";
alt="KHS-Gymnasium Kappeln"
title="KHS-Gymnasium Kappeln"
border="0" align="center" valign="middle"
hspace="0" vspace="0"
width="400" height="300">
!!!: Breite und Höhe unbedingt angeben!

Schriftgrößen, Schriftattribute:
<h1>, <h2>, <h3>, <h4> , <h5>, <h6> (von groß zu klein)
<b> ... </b> = fett,
<i> ... </i> = italic = kursiv
Nur bei Hyperlinks: "unterstrichen"!!!

Zeilenumbruch und zusätzlicheLeerzeichen:
<br> (kein End-Tag!) = erzwungener Zeilenumbruch
<nobr>...</nobr> = Unterdrücken des Zeilenumbruchs
  = geschützte Leertaste

Textausrichtung:
<p> ... </p> = linksbündig (default!).

<p align="center"> ... </p> = zentriert (z.B. für
Überschriften, Gedichtzeilen)

<p align="right"> ... </p> = rechtsbündig.

<p align="justify"> ... </p> = Blocksatz.

<div align="center">...</div> = Abschnittsweises Ausrichten
von Text- und/oder Bildabschnitten

Hyperlinks:
1. Links auf Stellen innerhalb derselben Seite
Link:
<a href="#link01">Link-Ziel</a>
Linkziel ("Anker"):
<a name="link01"> Ziel-Text </a>

2.a) Links auf eine andere Seite im gleichen Verzeichnis:
<a href="index.htm">zurück zur Übersicht</a>

b) Links auf eine Seite im Oberverzeichnis:
<a href="../index.htm">zurück</a>

c) Links auf eine Seite im Unterverzeichnis:
<a href="images/index.htm">zurück</a>

3. Links auf andere / fremde Seiten im Internet:
<a href="/">
www.f-lohmueller.de</a>

4. Email-Link:
<a href="#">
email: Lohmueller_aT_t-online.de</a>

Tabellen:
<table border="1" cellpadding="0"
cellspacing="0"bgcolor=""efefef"> = Anfang
<tr> = Zeile Anfang
<td> = Spalte Anfang
....
</td> = Spalte Ende
<td> = Spalte Anfang
....
</td> = Spalte Ende
...
</tr> = Zeile Ende
... evtl. weitere Zeilen mit gleichviel Spalten
</table> = Tabelle Ende

Überschreiten des üblichen Tabellenrasters:
<td colspan="2"> = Zelle spannt über 2 Spalten
<td rowspan="2"> = Zelle spannt über 2 Zeilen

zurück

HTML-Befehle (HTML tags)