|
|
|
|
|
Seitengestaltung mit Grafiken | |
Grafiken einbinden | |
| Grafiken referenzieren | <IMG SRC="Bildname.Format"> |
| Relative Adressierung | <IMG SRC="Verzeichnis/Bildname.Format"> |
| Absolute Adressierung | <IMG SRC="URL/Bildname.Format"> |
| Alternativer Text | <IMG SRC="Bildname.Format alt=alternativer Text"> |
Grafiken ausrichten | |
| linksbündig | <IMG SRC="Bildname.Format align=left">oder <P align=left><IMG SRC="Bildname.Format"></P> |
| zentriert | <center><IMG SRC="Bildname.Format"></center>oder <P align=center><IMG SRC="Bildname.Format"></P> |
| rechtsbündig | <IMG SRC="Bildname.Format align=right">oder <P align=right><IMG SRC="Bildname.Format"></P> |
Grafik und Text | |
| Text unten neben dem Bild | <IMG SRC="Bildname.Format" align=bottom> |
| Text in der Mitte neben dem Bild | <IMG SRC="Bildname.Format" align=middle> |
| Text oben neben dem Bild | <IMG SRC="Bildname.Format" align=top> |
| Text zentriert unter dem Bild | <P align=center><IMG SRC="Bildname.Format"></P> |
Grafik mit Rahmen | |
| einfacher Rahmen | <IMG SRC="Bildname.Format" border=Pixelangabe>Die Rahmenstärke richtet sich nach der Anzahl der angegebenen Pixel. |
| farbiger Rahmen | <font color=#Hexadezimalzahl> |
| Tabellenrahmen | <TABLE BORDER=Pixelangabe>Auch hier richtet sich die Rahmenbreite nach der Anzahl der Pixel. |
Grafiken skalieren | |
| Bildhöhe dehnen oder stauchen | <IMG SRC="Bildname.Format" height=Pixel- oder Prozentangabe> |
| Bildbreite dehnen oder stauchen | <IMG SRC="Bildname.Format" width=Pixel- oder Prozentangabe> |
Hintergrundgrafiken | |
| Hintergrundgrafiken einbinden | <BODY background="Bildname.Format"> |
Mit Grafiken verweisen | |
| Anklickbare Grafiken | <A HREF="Dateiangabe"><IMG SRC="Bildname.Format"></A>wenn Ihr die Grafik ohne Rahmen darstellen wollt, schreibt Ihr <A HREF="Dateiangabe"><IMG SRC="Bildname.Format" border=0></A> |
| Verweis-sensitive Grafiken | <MAP NAME="irgendein Name"> |
Allgemeines zur Seitengestaltung | |
Farben | |
| Farbiger Text | <font color=#Hexadezimalzahl>irgendein Text</font> |
| Farbiger Hintergrund | <BODY bgcolor=#Hexadezimalzahl> |
| Farbiger Verweis-Text |
Text<BODY text=#Hexadezimalzahl>Verweisfarbe <BODY link=#Hexadezimalzahl>angeklickte Verweise <BODY vlink=#Hexadezimalzahl>beim Anklicken <BODY alink=#Hexadezimalzahl> |
Linien | |
| Linienbreite | <HR width=Prozentangabe> |
| Linienausrichtung | <HR width=Prozentangabe align=...> |
| Linienstärke | <HR size=Pixelangabe> |
| nicht-schattierte Linien | <HR noshade> |
Schrift | |
| Schriftgröße | <font size=Zahl>Text</font> |
| Schriftart | <font face=Schriftname>Text</font> |
| Blinkende Schrift | <blink>Text</blink> |
Tabellen | |
| Tabelle öffen und schließen | <TABLE>Tabelleninhalt</TABLE> |
| Tabellenzeile öffen und schließen | <TR>Zeileninhalt</TR> |
| Tabellenzelle öffen und schließen | <TD>Zelleninhalt</TD> |
| Tabellenbreite und -höhe prozentual zum Anzeigefenster |
<TABLE WIDTH=Prozentangabe bzw. HEIGHT=Prozentangabe> |
| Tabellenbreite und -höhe in Pixel | <TABLE WIDTH=Pixelangabe bzw. HEIGHT=Pixelangabe> |
| Spaltenbreite | <TD WIDTH=Prozent oder Pixelangabe> |
| Zeilenhöhe | <TD HEIGHT=Prozent oder Pixelangabe> |
| Tabelle ohne Gitternetzlinien | <TABLE BORDER=0> |
| Stärke des äußeren Rahmens | <TABLE BORDER=Pixelangabe> |
| Stärke der Gitternetzlinien | <TABLE cellspacing=Pixelangabe> |
| Abstand vom Zelleninhalt zum Rand | <TABLE cellpadding=Pixelangabe> |
| Zelleninhalt horizontal ausrichten | <TD ALIGN=left oder center oder right> |
| Zelleninhalt vertikal ausrichten | <TD VALIGN=top oder middle oder bottom> |
| Tabellenzeilen verbinden | <TD ROWSPAN=Anzahl der zu verbindenden Zeilen> |
| Tabellenspalten verbinden | <TD COLSPAN=Anzahl der zu verbindenden Spalten> |
| Tabellenrahmen-Farbe | <TABLE BORDER BORDERCOLOR=#Hexadezimalzahl> |
| Tabellenhintergrund-Farbe | <TABLE BGCOLOR=#Hexadezimalzahl> |
| Tabellenzellen-Farbe | <TD BGCOLOR=#Hexadezimalzahl> |
Frames | |
Die Frame-Tags müssen noch vor den Body-Tag gesetzt werden | |
| Grundgerüst für horizontale Frames |
<frameset rows="Prozent,Prozent"> |
| Grundgerüst für vertikale Frames |
<frameset cols="Prozent,Prozent"> |
| Kombination von horizontalen und vertikalen Frames |
<frameset rows="Prozent,Prozent"> |
