Kurzreferenz: HTML

Inhalt der Seite:
HTML-Grundgerüst
HTML-Kopfdaten
Dateiweite Einstellungen
Elemente zur Textstrukturierung
Tabellen
Verweise (Links)
Grafiken

HTML-Grundgerüst

HTML
Grundgerüst

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<title>Titel</title>
</head>
<body>
<!-- Inhalt der Datei -->
</body>
</html>
Kommentare
 <!-- Dies ist ein Kommentar -->

up

HTML-Kopfdaten

Meta-
Angabe:
Autor

 <meta name="author" content="Name">
Für Name den Namen des Urhebers notieren.
Meta-
Angabe:
Beschreibung

 <meta name="description" content="Text">
Für Text eine Kurzbeschreibung des Inhalts notieren.
Meta-
Angabe:
Stichwörter

 <meta name="keywords" content="Wort, Wort, Wort">
Für Wort je ein Stichwort zum Inhalt notieren. Anzahl ist flexibel. Stichwörter durch Kommata trennen.
Meta
-Angabe:
Zeitstempel

 <meta name="date" content="yyyy-MM-ddThh:mm:ss+hh:mm">
yyyy = Jahr, MM = Monat, dd = Tag, T = fixer Buchstabe, hh = Stunden, mm = Minuten, ss = Sekunden, +/- = Abweichung gegenüber Greenwich in Stunden und Minuten.
Meta-
Angabe:
Robots

 <meta name="robots" content="index|noindex|follow|nofollow">
Anweisung an Suchmaschinen:
index = Auslesen erlaubt,
noindex = Auslesen nicht erlaubt,
follow = Verweisen folgen erlaubt,
nofollow = Verweisen folgen nicht erlaubt.
Meta-
Angabe:
Zeichensatz

 <meta http-equiv="content-type" content="Mime-Type; charset=Zeichensatz">
Für Mime-Type so etwas wie text/html und für Zeichensatz so etwas wie ISO-8859-1 notieren.
Meta-
Angabe:
Scriptsprache

 <meta http-equiv="Content-Script-Type" content="Mime-Type">
Für Mime-Type so etwas wie text/javascript notieren.
Meta-
Angabe:
Original
adresse

 <meta http-equiv="expires" content="0">
Zeitpunkt angeben, ab dem von Originaladresse geladen werden soll. 0 bedeutet: immer von Originaladresse laden (Proxy-Server ignorieren)
Meta-
Angabe:
Weiter
leitung

 <meta http-equiv="refresh" content="0; URL=URI">
Angeben, wann und welche Adresse automatisch geladen werden soll. 0 bedeutet: sofort (Angabe bedeutet Verzögerung in Sekunden).
Für URI eine Web-Adresse oder ein Ziel mit oder ohne Pfad angeben, das nach der angegebenen Zeit automatisch geladen werden soll.
Adressbasis

 <base href="URI">
Für URI eine Web-Adresse oder ein Ziel mit oder ohne Pfad angeben, das als Basis für relative Adressierung dienen soll.
Zielfenster
basis

 <base target="Name">
Standardzielfenster für Verweise bei Frames, bei Verweisen selbst ist dann keine Angabe zu target= mehr erforderlich. Für Name den gewünschten Fensternamen angeben.
Logische
Beziehungen

 <link rel="Beziehung" title="Titel" href="URI">
<link rev="Beziehung" title="Titel" href="URI">
rel= steht für Beziehung, rev= für Rückbeziehung.
Für Beziehung einen der folgenden Werte notieren:
contents = Inhaltsverzeichnis
chapter = Kapitel
section = Abschnitt
subsection = Unterabschnitt
index = Stichwortverzeichnis
glossary = Glossar
appendix = Anhang
copyright = rechtliche Hinweise
next = nächste Seite
prev = vorherige Seite
start = Anfangsseite
start = Hilfeseite
bookmark = allgemeiner Orientierungspunkt
alternate = andere Lesart
stylesheet = externe Stylesheet-Datei einbinden
Für Titel einen Beschriftungstext notieren für den Fall, dass die Angabe visuell erscheint.
Für URI eine Web-Adresse oder ein Ziel mit oder ohne Pfad der Datei oder Quelle angeben, die verknüpft werden soll.

up

Dateiweite Einstellungen

Farben für
Text,
Hintergrund
und
Verweise

 <body bgcolor="#XXXXXX" text="#XXXXXX"
link="#XXXXXX" vlink="#XXXXXX" alink="#XXXXXX">
bgcolor = dateiweite Hintergrundfarbe,
text = dateiweite Schriftfarbe,
link = dateiweite Farbe für Verweise zu noch nicht besuchten Zielen,
vlink = dateiweite Farbe für Verweise zu bereits besuchten Zielen,
alink = dateiweite Farbe für aktivierte Verweise.
Für #XXXXXX eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen.
Hinter
grundbild
(Wallpaper)

 <body background="URI">
Für URI eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Grafikdatei angeben.

up

Elemente zur Textstrukturierung

Über
schriften

 <h[1-6]>Text</h[1-6]>
Sechs Überschriftenebenen sind erlaubt, also z.B. <h1>Text</h1>.
Über
schriften
ausrichten

 <h[1-6] align="Ausrichtung">Text</h[1-6]>
Für Ausrichtung einen der folgenden Werte notieren:
left = linksbündig,
center = zentriert,
right = rechtsbündig,
justify = Blocksatz.
Textabsätze

 <p>Text</p>
Textabsätze
ausrichten

 <p align="Ausrichtung">Text</p>
Für Ausrichtung einen der folgenden Werte notieren:
left = linksbündig,
center = zentriert,
right = rechtsbündig,
justify = Blocksatz.
Zeilenum
bruch
erzwingen

 Text alte Zeile<br>Text neue Zeile
Aufzählungs
listen

 <ul>
<li>Listeneintrag</li>
<li>Listeneintrag</li>
</ul>
Bullet-Typ
für
Aufzählungs
listen

 <ul type="Typ">
<li>Listeneintrag</li>
<li>Listeneintrag</li>
</ul>
Für Typ einen der folgenden Werte notieren:
circle = Kreis/Punkt,
disc = Scheibe/Dateisymol,
square = Quadrat.
Nummerierte
Listen

 <ol>
<li>Listeneintrag</li>
<li>Listeneintrag</li>
</ol>
Nummerierte
Listen
alphabetisch
oder römisch

 <ol type="Typ">
<li>Listeneintrag</li>
<li>Listeneintrag</li>
</ol>
Für Typ einen der folgenden Werte notieren:
a = für klein alphabetisch,
A = für groß alphabetisch,
i = für klein römisch,
I = für groß römisch.
Nummerierung
beeinflussen

 <ol start="Startwert">
<li>Listeneintrag</li>
<li value="Fortsetzungswert">Listeneintrag</li>
</ol>
Für Startwert die Zahl mit dem gewünschten Startwert notieren,
für Fortsetzungswert die Zahl mit dem gewünschten Fortsetzungswert innerhalb der Liste.
Definitions
listen
(Glossarlisten)

 <dl>
<dt>Zu definierender Ausdruck</dt>
<dd>Definition des Ausdrucks</dd>
</dl>
Menülisten

 <menu>
<li>Listeneintrag</li>
<li>Listeneintrag</li>
</menu>
Verzeichnis
listen

 <dir>
<li>Listeneintrag</li>
<li>Listeneintrag</li>
</dir>
Listen
darstellung
kompakt

 <ul compact> <!-- Listeninhalt --> </ul>
Ebenso bei ol, menu und dir möglich.
Zitate

 <blockquote>Text</blockquote>
Zitate mit
URI-
Quellen
angabe

 <blockquote cite="URL">Text</blockquote>
Für URI eine Web-Adresse oder ein Ziel mit der Quelle angeben.
Adressen

 <address>Text</address>
Präformatierter
Text

 <pre>Text</pre>
Breite eines
präformatierten
Textes

 <pre width="Breite">Text</pre>
Für Breite die gewünschte Zahl der Zeichen pro Zeile angeben.
Logische
Textau
szeichnung
(inline)

 <em>betont</em>
<strong>stark betont</strong>
<code>Quellcode</code>
<samp>Beispiel</samp>
<kbd>Tastatureingabe</kbd>
<var>Variable</var>
<cite>Zitat</cite>
<dfn>Definition</dfn>
<acronym>Abkürzung</acronym>
<abbr>abgekürzte Schreibweise</abbr>
Änderungs-
markier
ungen

 <ins>eingefügter Text</ins>
<del>gelöschter Text</del>
Änderungs-
markierungen
mit
Zeitstempel

 <ins datetime="yyyy-MM-ddThh:mm:ss+hh:mm">eingefügter Text</ins>
<del datetime="yyyy-MM-ddThh:mm:ss+hh:mm">gelöschter Text</del>
yyyy = Jahr, MM = Monat, dd = Tag, T = fixer Buchstabe, hh = Stunden, mm = Minuten, ss = Sekunden, +/- = Abweichung gegenüber Greenwich in Stunden und Minuten.
Textrichtung

 <bdo dir="Richtung">
Für Richtung einen der folgenden Werte notieren:
rtl = für rechts nach links,
ltr = für links nach rechts.
Physische
Textaus
zeichnung
(inline)

 <b>fett</b>
<i>kursiv</i>
<tt>dicktengleich (Tele-Typer)</tt>
<u>unterstricken</u>
<strike>durchgestrichen</strike>
<s>durchgestrichen</s>
<big>größer als normal</big>
<small>kleiner als normal</small>
<sup>hochgestellt</sup>
<sub>tiefgestellt</sub>
Allgemeines
Block-
Element

 <div>verschiedene HTML-Elemente</div>
z.B. für CSS-Formatierungen.
Allgemeines
Block-
Element
mit
Ausrichtung

 <div align="Ausrichtung">verschiedene HTML-Elemente</div>
Für Ausrichtung einen der folgenden Werte notieren:
left = linksbündig,
center = zentriert,
right = rechtsbündig,
justify = Blocksatz.
Allgemeines
Block-
Element
zentriert

 <center>verschiedene HTML-Elemente</center>
Allgemeines
Inline-
Element

 <span>Text</span>
z.B. für für CSS-Formatierungen.
Trennlinien

 Text davor
<hr>
Text danach
Tennlinien-
Eigen
schaften

 <hr width="Breite" size="Höhe" align="Ausrichtung">
Für Breite eine Zahl wie z.B. 300 für Anzahl Pixel oder einen Prozentwert wie z.B. 50% angeben.
Für Höhe eine Zahl wie z.B. 5 für Anzahl Pixel angeben.
Für Ausrichtung einen der folgenden Werte notieren:
left = linksbündig,
center = zentriert,
right = rechtsbündig.
Schrift
formatierung

 <font size="Größe">Text</font>
<font color="#XXXXXX">Text</font>
<font face="Schriftart">Text</font>
<basefont size="Größe">
nachfolgender Inhalt
<basefont color="#XXXXXX">
nachfolgender Inhalt
<basefont face="Schriftart">
nachfolgender Inhalt
font für Inline-Auszeichnung verwenden,
basefont als Auszeichnung für alle nachfolgenden Inhalte.
size = Schriftgröße,
color = Schriftfarbe,
face = Schriftart.
Für Größe einen Wert von 1 (sehr klein) bis 7 (sehr groß) notieren - 3 ist normal.
Oder einen relativen Wert wie z.B. +1, +2 usw. für größer, oder -1, -2 usw. für kleiner.
Für #XXXXXX eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen.
Für Schriftart den Namen einer oder mehrerer (alternativer) Schriftarten angeben, mehrere Schriftarten durch Kommata trennen.

up

Tabellen

Tabellen
aufbau

 <table border="Dicke">
<tr>
<th>Kopfzelle</th>
<th>Kopfzelle</th>
</tr>
<tr>
<td>Datenzelle</td>
<td>Datenzelle</td>
</tr>
</table>
Tabelle mit sichtbaren Gitternetzlinien durch Angabe von border= im einleitenden Tabellen-Tag, durch Weglassen wird die Tabelle eine blinde Tabelle.
Für Dicke eine Zahl wie z.B. 3 für Anzahl Pixel der Dicke des Außenrahmens angeben.
Spalten
vor
definieren

 <table >
<colgroup>
<col>
<col width="Breite" span="Anzahl">
</colgroup>
<tr>
<td>Zelle</td>
<td>Zelle</td>
</tr>
</table>
Mit <col>-Tags so viele Spalten vordefinieren wie die Tabelle hat. Gruppieren mit colgroup-Elementen.
width = Spaltenbreite (optionale Angabe).
Für Breite eine Zahl wie z.B. 100 für Pixel angeben,
oder einen Prozentwert wie z.B. 20%,
oder eine Relation zu anderen Spalten (z.B. 4* = 4 Anteile an der Summe so definierter Anteile in den anderen Spalten).
span = Angabe zur Breite gilt für so viele Spalten in Folge wie angegeben.
Für Anzahl eine Zahl wie z.B. 3 für die Anzahl Spalten angeben, für die die Angaben gelten sollen.
Kopf, Fuß
und Körper
einer Tabelle

 <table>
<thead>
<!--Tabellenzeilen-->
</thead>
<tfoot>
<!--Tabellenzeilen-->
</tfoot>
<tbody>
<!--Tabellenzeilen-->
</tbody>
</table>
In dieser Reihenfolge notieren.
Zellenabstand
und
Zelleninnen
abstand

 <table cellspacing="Abstand" cellpadding="Innenabstand">
<!-- Tabelleninhalt -->
</table>
cellspacing = Abstand der Zellen untereinander,
cellpadding = Innenabstand von Zellenrand zu Zelleninhalt.
Für Abstand und Innenabstand Zahlen wie z.B. 5 und 10 für die Anzahl der gewünschten Pixel angeben.
Regeln
für
Außen
rahmen

 <table border="Dicke" frame="Typ">
<!-- Tabelleninhalt -->
</table>
Rahmendicke angeben, damit ein Außenrahmen sichtbar ist.
Für Dicke eine Zahl wie z.B. 3 für Anzahl Pixel der Dicke des Außenrahmens angeben.
Für Typ einen der folgenden Werte notieren:
box = Rahmen rundum,
above = Rahmen nur oben,
below = Rahmen nur unten,
hsides = Rahmen nur oben und unten.
vsides = Rahmen nur links und rechts.
lhs = Rahmen nur links.
rhs = Rahmen nur rechts.
Regeln für
Gitter
netzlinien

 <table border="Dicke" rules="Typ">
<!-- Tabelleninhalt -->
</table>
Rahmendicke angeben, damit Außenrahmen und Gitternetz sichtbar sind.
Für Dicke eine Zahl wie z.B. 3 für Anzahl Pixel der Dicke des Außenrahmens angeben.
Für Typ einen der folgenden Werte notieren:
none = keine Gitternetzlinien,
rows = Linien nur zwischen Tabellenzeilen,
cols = Linien nur zwischen Tabellenspalten,
groups = Linien nur zwischen Kopf, Körper und Fuß,
all = komplettes Gitternetz (Normaleinstellung).
Breiten-
und
Höhen
angaben

 <table width="Breite">
<tr>
<th width="Breite" height="Höhe">Kopfzelle</th>
<th>Kopfzelle</th>
</tr>
<tr>
<td>Datenzelle</td>
<td width="Breite" height="Höhe">Datenzelle</td>
</tr>
</table>
width = Breite,
height = Höhe.
Breite der gesamten Tabelle im einleitenden <table>-Tag angeben,
Breite einer Spalte in einem der einleitenden <th>- oder <td>-Tags der Spalte,
und Höhe einer Tabellenzeile in einem der einleitenden <th>- oder <td>-Tags der Zeile.
Für Breite eine Zahl wie z.B. 100 für Pixel angeben,
oder einen Prozentwert wie z.B. 20%.
Für Höhe eine Zahl wie z.B. 50 für Pixel angeben.
Zeilenum
bruch
in Zellen
verhindern

 <th nowrap>Kopfzelle</th>
<td nowrap>Datenzelle</td>

Zellen
horizontal
ausrichten

 <th align="Ausrichtung">Kopfzelle</th>
<td align="Ausrichtung">Datenzelle</td>
Für Ausrichtung einen der folgenden Werte notieren:
left = linksbündig,
center = zentriert,
right = rechtsbündig,
justify = Blocksatz,
char = um Dezimalzeichen. In diesem Fall char= als zusätzliches Attribut notieren und als Wert ein Dezimalzeichen wie Komma zuweisen (char=","). Mit einem weiteren Attribut charoff= gegebenenfalls angeben, an welcher Position das Dezimalzeichen frühestens vorkommen kann (z.B. charoff="10").
Zellen
vertikal
ausrichten

 <th valign="Ausrichtung">Kopfzelle</th>
<td valign="Ausrichtung">Datenzelle</td>
Für Ausrichtung einen der folgenden Werte notieren:
top = obenbündig,
middle = mittig,
bottom = untenbündig,
baseline = an gemeinsamer Basislinie, so dass erste Textzeile immer auf gleicher Höhe beginnt.
Hinter
grundfarbe

 <table bgcolor="#XXXXXX">
<tr bgcolor="#XXXXXX">
<th bgcolor="#XXXXXX">Kopfzelle</th>
<td bgcolor="#XXXXXX">Datenzelle</td>
</tr>
</table>
Für #XXXXXX eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen.
Hinter
grundbild
(Wallpaper)

 <table background="URI">
<tr background="URI">
<th background="URI">Kopfzelle</th>
<td background="URI">Datenzelle</td>
</tr>
</table>
Für URI eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Grafikdatei angeben.
Zellen
verbinden

 <th rowspan="Zeilen">Kopfzelle</th>
<td rowspan="Zeilen">Datenzelle</td>
<th colspan="Spalten">Kopfzelle</th>
<td colspan="Spalten">Datenzelle</td>
<th rowspan="Zeilen" colspan="Spalten">Kopfzelle</th>
<td rowspan="Zeilen" colspan="Spalten">Datenzelle</td>
Für Zeilen eine Zahl wie z.B. 3 angeben, um festzulegen, über wie viele Zeilen sich die Zelle erstrecken soll.
Für Spalten eine Zahl wie z.B. 3 angeben, um festzulegen, über wie viele Spalten sich die Zelle erstrecken soll.
Tabellen-
Beschriftung

 <table>
<caption align="Ausrichtung">Text</caption>
<tr>
<td>Zelle</td>
<td>Zelle</td>
</tr>
</table>
Das caption-Element unmittelbar hinter dem einleitenden <table>-Tag notieren. Das Attribut zur Ausrichtung (align) ist optional.
Für Ausrichtung einen der folgenden Werte notieren:
left = Tabellenbeschriftung seitlich links der Tabelle,
right = Tabellenbeschriftung seitlich rechts der Tabelle,
bottom = Tabellenbeschriftung unter der Tabelle,
top = Tabellenbeschriftung oberhalb der Tabelle (Normaleinstellung).
Tabellen
ausrichten

 <table align="Ausrichtung" hspace="LinksRechts" vspace="ObenUnten">
<!-- Tabelleninhalt -->
</table>
Für Ausrichtung einen der folgenden Werte notieren:
left = Tabelle links ausrichten (nachfolgende Inhalte fließen rechts vorbei),
right = Tabelle rechts ausrichten (nachfolgende Inhalte fließen links vorbei),
center = Tabelle zentriert ausrichten.
Für LinksRechts eine Zahl wie z.B. 10 notieren, um den Pixelabstand von Tabelle zur Umgebung links und rechts zu bestimmen.
Für ObenUnten eine Zahl wie z.B. 10 notieren, um den Pixelabstand von Tabelle zur Umgebung oben und unten zu bestimmen.
Zusammen
fassung
des
Tabellen
inhalts

 <table summary="Text">
<!-- Tabelleninhalt -->
</table>

up

Verweise (Links)

Verweis
definieren

 <a href="URI">Verweistext</a>
Für URI eine Web-Adresse oder ein Ziel mit oder ohne Pfad der Datei oder Quelle angeben, das verlinkt werden soll.
URI kann sein:
Anker in der gleichen Datei (z.B. #Ankername)
Andere Datei (z.B. datei.htm)
Andere Datei in anderem Verzeichnis (z.B. ../verzeichnis/datei.htm)
Anker in der anderer Datei (z.B. datei.htm#Ankername)
WWW-Adresse (http://...)
Gopher-Adresse (gopher://...)
FTP-Adresse (ftp://...)
Telnet-Adresse (telnet://...)
Newsgroup-Adresse (news:...)
Absolute lokale Adresse (file://...)
Anker
definieren

 <a name="Ankername">[Inhalt]</a>
Für Ankername einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).
Zielfenster
für
Verweise

 <a href="URI" target="Zielfenster">Verweistext</a>
Für Zielfenster den Namen eines definierten Framefensters angeben oder einen der folgenden reservierten Namen:
_blank = Verweis in neuem Fenster öffnen,
_self = Verweis im gleichen Fenster öffnen,
_parent = aktuelles Frameset beim Ausführen des Verweises sprengen,
_top = alle Framesets beim Ausführen des Verweises sprengen.
E-Mail-
Verweise

 <a href="mailto:name@domain.xy">Verweistext</a>
<a href="mailto:name@domain.xy?subject=Thema">Verweistext</a>
<a href="mailto:name@domain.xy?cc=name2@domain.xy">Verweistext</a>
<a href="mailto:name@domain.xy?bcc=name2@domain.xy">Verweistext</a>
<a href="mailto:name@domain.xy?body=Text">Verweistext</a>
<a href="mailto:name@domain.xy?Zusatz1&Zusatz2">Verweistext</a>
Auf Wunsch vorbelegtes Thema (subject=), sichtbaren Kopienempfänger (cc=), unsichtbaren Kopienempfänger (bcc=) oder vorbelegten Text (body=) angeben. Mehrere solcher Zusatzangaben kombinieren wie im Schema mit ?Zusatz1&Zusatz2.
In den Angaben Zeichen mit Zeichenwerten größer 127 hexadezimal maskieren, z.B. %FC für 252 ("ü"). Ebenso einige Standardzeichen, die in URIs Bedeutung haben können, maskieren.
Logische
Beziehungen
zum
Verweisziel

 <a href="URI" rel="Beziehung">Verweistext</a>
<a href="URI" rev="Beziehung">Verweistext</a>
rel= steht für Beziehung, rev= für Rückbeziehung.
Für Beziehung einen der folgenden Werte notieren:
contents = Inhaltsverzeichnis
chapter = Kapitel
section = Abschnitt
subsection = Unterabschnitt
index = Stichwortverzeichnis
glossary = Glossar
appendix = Anhang
copyright = rechtliche Hinweise
next = nächste Seite
prev = vorherige Seite
start = Anfangsseite
start = Hilfeseite
bookmark = allgemeiner Orientierungspunkt
alternate = andere Lesart
Sprache
und
Zeichensatz
des
Verweisziels

 <a href="URI" hreflang="Sprachenkürzel"
charset="Zeichensatz">Verweistext</a>
Für Sprachenkürzel so etwas wie de, en, fr, und für Zeichensatz so etwas wie ISO-8859-1 notieren.
Tabulator-
Reihenfolge

 <a href="URI" tabindex="Indexnummer">Verweistext</a>
Bei jedem Verweis für Indexnummer eine Zahl notieren. Die niedrigste Nummer wird zuerst angesprungen, die höchste zuletzt.
Tastatur
kürzel

 <a href="URI" accesskey="Buchstabe">Verweistext</a>
Für Buchstabe so etwas wie h oder m eingeben. Ausführbar meistens mit [Alt]-Taste plus dem angegebenen Buchstaben.

up

Grafiken

Grafiken
einbinden

 <img src="URI" alt="Alternativtext">
Für URI eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Grafikdatei angeben.
Für Alternativtext einen Kurztext notieren für den Fall, dass die Grafik nicht angezeigt werden kann.
Breite
und
Höhe
der
Grafik

 <img src="URI" alt="Alternativtext" width="Breite" height="Höhe">
Für Breite und Höhe eine Zahl wie z.B. 100 für Pixel angeben,
oder einen Prozentwert wie z.B. 60% für Größe in Bezug auf Umgebung.
Rahmen
um Grafik

 <img src="URI" alt="Alternativtext" border="Dicke">
Für Dicke eine Zahl wie z.B. 3 für die Rahmendicke in Pixeln notieren.
Namen
für Grafik

 <img src="URI" alt="Alternativtext" name="Name">
Für Name einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).
Lang
beschreibung
für Grafik

 <img src="URI" alt="Alternativtext" longdesc="URI">
Für URI bei longdesc eine Web-Adresse oder ein Ziel mit oder ohne Pfad einer Datei (z.B. HTML) mit Beschreibungen zur Grafik angeben.
Grafiken
im Text
ausrichten

 <img src="URI" alt="Alternativtext" align="Ausrichtung">
Für Ausrichtung einen der folgenden Werte notieren:
top = obenbündig mit Text davor oder danach,
middle = mittig zu Text davor oder danach,
bottom = untenbündig mit Text davor oder danach.
Text um
Grafik
fließen
lassen

 <img src="URI" alt="Alternativtext"
align="Ausrichtung" hspace="LinksRechts" vspace="ObenUnten">
Für Ausrichtung einen der folgenden Werte notieren:
left = Grafik links ausrichten (nachfolgende Inhalte fließen rechts vorbei),
right = Grafik rechts ausrichten (nachfolgende Inhalte fließen links vorbei),
Für LinksRechts eine Zahl wie z.B. 10 notieren, um den Pixelabstand von Grafik zur Umgebung links und rechts zu bestimmen.
Für ObenUnten eine Zahl wie z.B. 10 notieren, um den Pixelabstand von Grafik zur Umgebung oben und unten zu bestimmen.
Verweis-
sensitive
Grafik

 <img src="URI" alt="Alternativtext" usemap="#Mapname">
<map name="Mapname">
<area shape="Typ" coords="Koordinaten" href="URI">
</map>
Bei Mapname beim usemap-Attribut des <img>-Tags und beim name-Attribut des <map>-Tags den gleichen Namen vergeben. Beim usemap-Attribut das Gatterzeichen # voranstellen.
Bei Typ einen der folgenden Werte notieren:
rect = viereckiger Bereich innerhalb der Grafik,
circle = Kreisbereich,
poly = vieleckiger Bereich (Polygon).
Bei Koordinaten bei rect so etwas angeben wie 10,20,90,100 (10 ist Anfang Pixel von links, 20 Anfang oben, 90 Ende links, 100 Ende unten),
bei Koordinaten bei circle so etwas angeben wie 100,150,50 (100 ist Kreismittelpunkt in Pixeln von links, 150 Kreismittelpunkt von oben, 50 der Kreisradius),
und bei Koordinaten bei poly so etwas angeben wie 10,20,40,30,300,200 (10 ist erste Ecke links in Pixeln, 20 erste Ecke oben, 40 zweite Ecke links, 30 zweite Ecke oben, 300 dritte Ecke links, 200 dritte Ecke oben). Usw. bebliebig viele Ecken.
Bei URI beim href-Atribut das Verweisziel notieren, das mit dem verweis-sensitiven Bereich verknüpft sein soll.

up
© 2001