Kurze html Dokumentation

Inhalt

Referenz

html Kennungen
<html>...</html>
Schließt den gesamten Text ein.

version=
Festgesetzt auf -//W30//DTD W3 HTML 3.0//EN für HTML 3.0.
urn=
'Universal resource name' dieser Seite.
role=
Liste (Leerzeichensepariert) von Schlüsselwörtern (SGLM names).
<head>...</head>
Schließt den Kopfteil ein.

<base>
Setzt den Ursprung des Dokumentes für den Fall, dasz das Dokument aus dem Kontext gerissen wird, sodaß relative Bezüge innerhalb des Dokuments wieder stimmen.

href=
Die URL des Dokuments

<isindex>
Erklärt das Dokument zum Stichwortverzeichnis, sodaß einige Browser automatisch einen Such-Dialogfenster öffnen.

prompt=
Zum Beispiel Stichwort eingeben:.
href=
Zum Beispiel keywords.db.

<link>
Definiert Bezug zu einem anderen Objekt. Mehere link Elemente sind möglich.

rel=
Definiert einen Bezug. Eins von Home ToC Index Glossary Copyright Up Next Previous Help Bookmark Banner Stylesheet
rev=
Definiert einen Rückbezug, zum Beispiel zur Homepage des Autors oder dessen e-mail Adresse.
href=
Eine URL

<meta>
Nebeninformation zum Dokument. Muß als erstes nach html und head folgen.

http-equiv=
zB refresh expires keywords reply-to
name=
zB indextype
content=

<nextid>
Unverstanden.
<range>
Markiert einen Bereich des Dokuments zB als Ergebniss einer Suche. Per <spot id=start> ... <spot id=end> können im Text Marken gesetzt werden, die bei from= und until= genutzt werden.

class=
zB search.
from=
Kennung der Startposition.
until=
Kennung der Endposition.

<title>...</title>
Benennung des Textes. Der eingeschlossene Text wird bei den meisten Browsern in der Titelleiste angezeigt.
<style>...</style>
Styleinformationen

notation=

<body>...</body>
Schließt den eigentlichen Text ein.

id=

class=

lang=
Setzt die Textsprache. Um Beispiel en.uk.
text=
Setzt die Textfarbe.
bgcolor=
Setzt die Hintergrundfarbe des Textes.
background=
Setzt ein Hintergrundbild. Ist die Größe des Browserfensters größer als das Bild, wird es wiederholt (ge'kachelt').
link=
Setzt die Farbe von Hyperlinks.
vlink=
Setzt die Farbe von Hyperlinks, die bereits besucht wurden.
alink=
Setzt die Farbe von Hyperlinks wärend er angeklickt wird.

Allgemeine Kennungen


Kommentare, eingesetzt zB

<banner>...</banner>
Zur Anzeige von Logos etc.
<a>...</a>
Vereinbaren von Ankern im Text. Dies kann sowohl ein Sprung zu einer anderen Stelle im selben Text als auch die Benennung einer solchen Stelle sein.

href=
Eine URL. Bestimmt ein Sprung zu einer anderen Stelle.
name=
Erzeugt einen Namen für diese Stelle im Dokument, auf die mit einem
<a href="#stelle">
gesprungen werden kann.
target=
Wurden mehrere Fenster (siehe <frameset>) erzeugt und diese benannt, kann mit target bestimmt werden welches Fenster das Dokument anzeigen soll.
shape=
"rect x,y,b,h", "circle x,y,r" oder "polygon x1,y1,x2,y2..."

<fig>...</fig>
Wie img, jedoch Erweiterungen:

<caption>...</caption>

align=

<credit>...</credit>

noflow
Kein Textumfliessen der Grafik.
align=

md=
'message digest': Prüfsumme, mit der festgestellt werden kann, ob die Grafik geändert wurde.
width=

height=

units=
pixels oder en

<img>
Einbinden eines Bildes.

ismap
Zeigt an, daß das Bild ein mit der Maus klickbarer Bereich ist. Die Position wird an den Server übertragen (cgi-script notwendig).
src=
Name der Bilddatei
usemap=
Vereinbahrt den Namen der Karte innerhalb des Dokuments. zB usemap="#karte". Siehe map.
lowsrc=
Name der Bilddatei
width=
Breite, kann auch in % angegeben werden.
alt=
Alternativer Text, der Angezeigt wird, wenn das Bild nicht dargestellt werden kann (zB bei nur-Text Browsern)
border=
Rahmen um das Bild, normaler weise in schwarz.
align=
Kann top, middle, bottom, left, right sein.
vspace=
Platz über und unter dem Bild.
hspace=
Platz rechts und links vom Bild.

name=
Vereinbahrt den Namen, der mit usemap= referenziert werden muß.

<form>...</form>
Erzeugt eine Eingabemaske.

action=
url
method=
get (Standardwert) oder post
enctype=
Standard ist 'application/x-www-form-urlencoded'
script=
uri eines scriptes

<input>

type=
Typ der Eingabe: text, password, checkbox, radio, range (max= & min= erlaubt), scribble, file, hidden, submit, image oder reset.
name=
Variablenname der Eingabe. Haben Eingaben vom Typ radio denselben Names, gehören sie zusammen.
value=
Vorgabewert oder fuer radio-Eingaben der wert, der zurürckgegeben wird, wenn dieser Knopf aktiv ist.
disabled
Ohne Eingabemöglichkeit durch den Benutzer.
error=
Fehlertext
checked
Für Eingaben vom Typ radio oder checkbox.
size=

maxlength=
Maxmimale Zeichenanzahl
max=
siehe range
min=
siehe range
accept=

src=
Für Bildeingabefelder
md=

align=
Für Bildeingabefelder

<textarea>...</textarea>
Mehrzeilige Texteingabe.

<option>

shape=
Für Bildeingabefelder

<select>...</select>
Mehrzeilige Texteingabe.

<map>...</map>
Erzeugt eine Karte für ein Bild, in das mit der Maus geklickter werden kann. Für einzelne Bereiche wird festgelegt, welche URL geladen wird, wenn an diesem mit der Maus geklickt wird.

<area>
Vereinbahrt einen Bereich.

shape=
rect, poly oder circle.
coord=
Position/Werte dieses Bereiches mit Komma getrennt. Je nach Wert des Attributes shape= x1, y1, x2, y2 oder x1, y2, ... oder x, y, r.
href=
URL (siehe a href=

name=
Vereinbahrt den Namen, der mit usemap= referenziert werden muß.

Logische Textformatierung

<blockquote>...</blockquote>
Formatiert eines längeren Zitat. Meist wird der Text durch Einrücken vom Rest abgesetzt.
<dir>...<li>...</dir>
Dateiliste.
<dl>...<dt>...<dd>...</dl>
Definitionsliste aus Begriffen und einem kurzen Text (term und definition).

compact
Weist den Browser an eine kompakte Form der Darstellung zu wählen. Normaler Weise steht der Definitionstext in einer neuen Zeile, mit compct steht er in der gleichen Zeile.

<math>...</math>
Erzeugt mathematische Formeln.
<menu>...<li>...</menu>
Erzeugt eine Liste
<nobr>...</nobr>
Verhindert automatischen Zeilenumbruch.
<ol>...<li>...</ol>
Nummerierte Liste.

type=
A, a, I, i...
start=
Eine Zahl

<p>[...</p>]
Absatzkennung. Umbruch mit größerem Zeilenabstand. Die Endekennung kann weggelassen werden.

align=
Ausrichtung des folgenden Absatzes.

<ul>...<li>...</ul>
Unnummerierte Liste.

type=
Art der Spiegelstriche, square, circle oder disc.
dingbat=
Art der Spiegelstriche, zB folder

<wbr>...</wbr>

<h1>...</h1>

<h2>...<.h2>

<h3>...</h3>

<h4>...</h4>

<h5>...</h5>

<h6>...</h6>
Verschiedene Stufen von Überschriften.

align=
Ausrichtung, entweder left, center oder right

Textformatierung

<div>...</div>
Definiert ein Texteil.

id=
Kenner für diesen Teil, zB fuer Ziele eines Hypertextsprungs.
lang=
Sprache dieses Texteils.
class=

align=
Ausrichtung, entweder left, center, justified oder right
nowrap
Verhindert den automatischen Zeilenumbruch des Browsers.
clear=
Hält Platz frei vor oder neben diesem Textteil, zB um Text unter Bildern zu plazieren. Werte sind left, right, all oder "40 en" oder "100 pixels".

<tab>
Tabulatorsteuerung, entweder Setzen eines Tabulators oder Springen zu einem gesetzten Tabulator.

id=
Setzen eines Tabulators.
to=
Springen zu einem Tabulator.
indent=
Festlegen der Einrückung in en-Einheiten.

<br>
Zeilenumbruch
<table>...</table>

<caption>...</caption>

align=
bleedright, bleedleft, left, right, justify
border
Rahmen darstellen
border=
Randbreite
colspec=

cellpadding=
Abstand des Textes vom Rand der Zelle.
cellspacing=
Abstand der Zellen.
colspan=
Anzahl Spalten.
height=
Höhe der Tabelle.
noborder
Keinen Rahmen zeichnen.
nowrap

noflow=

rowspan=
Anzahl Zeilen.
width=
Breite der Tabelle.

<tr>...
Zeile

<th>...
Kopfzellen
<td>...
Zellen

align=
left, center or right
valign=
top, middle or bottom
width=

height=

align=
bleedright, bleedleft, left, right, justify, decimal

<hr>
Horizontal line

noshade

size=

width=

Logische Zeichenformatierung

<base>
Pfadteil eines Dateinamens.
<listing>...</listing>
Formatierung für Quelltexte, keinerlei Erkennung von formatierung bis zur Kennung /listing.
<abbrev>...</abbrev>
Abkürzungen
<acronym>...</acronym>

<cite>...</cite>
Benutzt für Titel von Büchern oder Filmen.
<code>...</code>
Für Computer Code.
<del>...</del>
Versionskennung: gelöscht.
<dfn>...</dfn>
Benutzt für Definitionen.
<kbd>...</kbd>
Benutzt für Benutzereingaben.
<person>...</person>

<plaintext>
Formaterkennung ausschalten bis zum Ende des Textes.
<em>...</em>
Betonte Textstelle, meist kursiv.
<kdb>...</kbd>
Tastureingabe
<lang>...</lang>
Fremdsprachlich
<ins>...</ins>
Versionskennung: eingefügt.
<pre>...</pre>
Formatkennung ausschalten bis zur Kennung /pre. Nützlich bei vorformatiertem Text.

width=
Bestimmt die Breite des Textes.

<q>...</q>
textformat
<s>...</s>
textformat
<samp>...</samp>
Beispieltext.
<strong>...</strong>
Betonte Textstelle, meist fett.
<var>...</var>
Variablen.

Zeichenformatierung

<font>...</font>
Diverse Zeichenformatierung.

size=
Größe
color=
Farbe
face=
Schriftart

<b>...</b>
Fett
<big>...</big>
Groß
<blink>...</blink>
Blinkend
<i>...</i>
Kursiv
<small>...</small>
Klein
<tt>...</tt>
Nicht-proportional
<u>...</u>
Unterstrichen
<sub>...</sub>
Hochgestellt
<sup>...</sup>
Tiefgestellt
<address>...</address>
Fügt dem Text weitere Informationen zu.
<frameset>...</frameset>
Erzeugen von Mehreren Fenstern.

cols=
Breite der Fenster in Proportionen zB "4*, 3*"
margin_width=
Rahmenbreite
margin_height=
Rahmenhöhe

<frame>
Erzeugen des Inhalts des Fensters.

src=
Dargestellter Text mit derselben Syntax wie <a href=...>
name=
Name des Fensters. Siehe bei <a target=...>
noresize
Verhindert, das der Benutzer die Möglichkeit hat, die Fenster zu verändern.

Sonderzeichen

Sonderzeichen sind entgegen den anderen Kennungen 'case sensitiv', also Groß und Kleinschreibung sind hier von Bedeutung:

Ersatzdarstellung	Zeichen	Erklärung
`Æ`	Æ	Großes AE diphthong (ligature)
`Á`	Á	Großes A, acute accent
`Â`	Â	Großes A, circumflex accent
`À`	À	Großes A, grave accent
`Å`	Å	Großes A, ring
`Ã`	Ã	Großes A, tilde
`Ä`	Ä	Großes A, dieresis or umlaut mark
`Ç`	Ç	Großes C, cedilla
`Δ`	Δ
`Ð`	Ð	Großes Eth, Icelandic
`É`	É	Großes E, acute accent
`Ê`	Ê	Großes E, circumflex accent
`È`	È	Großes E, grave accent
`Ë`	Ë	Großes E, dieresis or umlaut mark
`Γ`	Γ
`Í`	Í	Großes I, acute accent
`Î`	Î	Großes I, circumflex accent
`Ì`	Ì	Großes I, grave accent
`Ï`	Ï	Großes I, dieresis or umlaut mark
`Λ`	Λ
`Ñ`	Ñ	Großes N, tilde
`Ó`	Ó	Großes O, acute accent
`Ô`	Ô	Großes O, circumflex accent
`Ò`	Ò	Großes O, grave accent
`Ω`	Ω
`Ø`	Ø	Großes O, slash
`Õ`	Õ	Großes O, tilde
`Ö`	Ö	Großes O, dieresis or umlaut mark
`Φ`	Φ
`Π`	Π
`Ψ`	Ψ
`Σ`	Σ
`Þ`	Þ	Großes THORN, Icelandic
`Θ`	Θ
`Ú`	Ú	Großes U, acute accent
`Û`	Û	Großes U, circumflex accent
`Ù`	Ù	Großes U, grave accent
`&Upsi;`	ϒ
`Ü`	Ü	Großes U, dieresis or umlaut mark
`Ξ`	Ξ
`Ý`	Ý	Großes Y, acute accent
`á`	á	Kleines a, acute accent
`â`	â	Kleines a, circumflex accent
`´`	´
`æ`	æ	Kleines ae diphthong (ligature)
`à`	à	Kleines a, grave accent
`α`	α
`&`	&	Das ampersand Zeichen.
`&and;`	∧
`≈`	≈
`å`	å	Kleines a, ring
`ã`	ã	Kleines a, tilde
`ä`	ä	Kleines a, dieresis or umlaut mark
`β`	β
`¦`	¦
`ç`	ç	Kleines c, cedilla
`¸`	¸
`¢`	¢
`χ`	χ
`©`	©
`¤`	¤
`&dArr;`	⇓
`↓`	↓
`°`	°
`δ`	δ
`÷`	÷
`é`	é	Kleines e, acute accent
`ê`	ê	Kleines e, circumflex accent
`è`	è	Kleines e, grave accent
`&epsi;`	ε
`&equiv;`	≡
`η`	η
`ð`	ð	Kleines eth, Icelandic
`ë`	ë	Kleines e, dieresis or umlaut mark
`∃`	∃
`∀`	∀
`&fraq12;`	&fraq12;
`&fraq14;`	&fraq14;
`&fraq34;`	&fraq34;
`γ`	γ
`≥`	≥
`>`	>	Das "greater than" Zeichen
`↔`	↔
`í`	í	Kleines i, acute accent
`î`	î	Kleines i, circumflex accent
`¡`	¡
`&iff;`	⇔
`ì`	ì	Kleines i, grave accent
`&inf;`	&inf;
`ι`	ι
`¿`	¿
`¿`	¿
`∈`	∈
`ï`	ï	Kleines i, dieresis or umlaut mark
`κ`	κ
`⇐`	⇐
`λ`	λ
`«`	«
`«`	«
`←`	←
`≤`	≤
`<`	<	Das "less than" Zeichen
`¯`	¯
`µ`	µ
`·`	·
`μ`	μ
`∇`	∇
` `		Leerzeichen ohne Möglichkeit zum Zeilenumbruch
`≠`	≠
`¬`	¬
`ñ`	ñ	Kleines n, tilde
`ν`	ν
`ó`	ó	Kleines o, acute accent
`ô`	ô	Kleines o, circumflex accent
`ò`	ò	Kleines o, grave accent
`ω`	ω
`&or;`	∨
`ª`	ª
`º`	º
`ø`	ø	Kleines o, slash
`õ`	õ	Kleines o, tilde
`ö`	ö	Kleines o, dieresis or umlaut mark
`¶`	¶
`&perp;`	⊥
`φ`	φ
`ϕ`	ϕ
`π`	π
`ϖ`	ϖ
`±`	±
`£`	£
`ψ`	ψ
`"`	"	Das double quote Zeichen
`⇒`	⇒
`»`	»
`→`	→
`®`	®
`ρ`	ρ
`§`	§
``
`σ`	σ
`ς`	ς
`⊂`	⊂
`&sube;`	⊆
`¹`	¹
`²`	²
`³`	³
`⊃`	⊃
`&supe;`	⊇
`ß`	ß	Kleines sharp s, German (sz ligature)
`τ`	τ
`θ`	θ
`ϑ`	ϑ
`þ`	þ	Kleines thorn, Icelandic
`×`	×
`&uArr;`	⇑
`ú`	ú	Kleines u, acute accent
`↑`	↑
`û`	û	Kleines u, circumflex accent
`ù`	ù	Kleines u, grave accent
`¨`	¨
`&upsi;`	υ
`ü`	ü	Kleines u, dieresis or umlaut mark
`ξ`	ξ
`ý`	ý	Kleines y, acute accent
`¥`	¥
`ÿ`	ÿ	Kleines y, dieresis or umlaut mark
`ÿ`	ÿ	Kleines y, dieresis or umlaut mark
`ζ`	ζ
`<`	<	Sonderzeichen nach code, hier zB 60.

Prosa

html ist simpler ASCII-Text, 7-bit ohne Umlaute oder andere Steuerzeichen. Es gibt WYSIWYG-Editoren, die das Seitendesignen vereinfachen sollen. Zumindest ein grobe Vorstellung davon, was html ist, sollte man jedoch auch haben, wenn man einen solchen Editor einsetzt. Oft greift man am Ende doch wieder auf den vi zurück, da die meisten Editoren wichtige html-Elemente nicht kennen oder doch nicht ganz machen, was man will.

Die Steuerung der Textformatierung funktioniert mit Kennungen (Tags). Kennungen sind Wörter, die in spitzen Klammern stehen zB: <Kennung>. Diese Kennungen sind nicht 'case-sensitiv' - will sagen groß oder klein macht keinen Unterschied.

Kennungen treten meist in Paaren auf: <Kennung> </Kennung>. Ein solches Paar umschließt den Text, den man formatieren möchte.

Kennungen können Attribute haben. Diese werden innerhalb der spitzen Klammern aufgeführt. zB <Kennung dummesBeispiel>.

Die Attribute können wiederum einen Wert haben: <Kennung dummesBeispiel=bloed>. Enthält der Wert Leerzeichen muß er in Hochkommata eingeschlossen werden: <Kennung Beispiel="bloed und dumm">

Bestimmte Typen von Werten kommen immer wieder vor:

Farben
Kann in Farbnamen (zB red) oder RGB-Wert (zB #ff0000 ist Rot) angegeben werden.
Breiten/Höhen
Wert, kann in Pixeln oder % angegeben werden. Name des Attributes meist width, height.
Ausrichtungen
top, bottom, bleedleft, bleedright, justify, center, right oder left. Name des Attribute meist align, oft auch valign und halign.
Eine URL
Syntax ist
protokoll://....
Bekannte Protokolle sind

file:
eine Datei auf dem lokalen Rechner.
http:
hyper text transfer protokoll. Syntax: http://rechner:port/datei#stelle.
Rechner werden in der IP-üblichen weise angegeben (zB is.in-berlin.de). Port ist die Socket-Nummer, die normalerweise nicht nötig ist. Die Datei wird in Unix-Konvention angegeben (zB pfad/name.extension). Bekannte Dateierweiterungen sind

.txt
Unformatierter Text.
.html .htm
HTML Dokument.
.gif
GIF Bild.
.tiff .tif
TIFF Bild.
.xbm
X Bitmap Bild.
.jpg
or .jpeg JPEG Bild.
.ps
PostScript Datei.
.aiff .aif
AIFF Geräuschdatei.
.au
AU Geräuschdatei.
.wav
WAV Geräuschdatei.
.mov
QuickTime Film.
.mpeg .mpg
MPEG Film.
Stelle bezeichnet eine Position in der Datei, wenn diese nicht von Beginn an dargestellt werden soll. Ein Sprung muss nicht alle Teile enthalten:
[[http://rechner[:port]/]datei][#stelle].
So können ausser absoluten auch relative Sprünge angegeben werden.
ftp:
file transfer protokoll
telnet:
terminal
gopher:
gopher
news:
newsreader
mailto:
mail, use "mailto:user@address.com?subject=Your Subject"
WAIS:
Datei eines WAIS-Servers

Die Größeneinheit 'en' wird für schriftartenproportionale Größen genutzt: Da der Benutzer (je nach seiner Bildschirmgröße und Auflösung) verschieden große Schriftarten eingestellt haben kann, wurde die Einheit en eingeführt. Sie entspricht der halben Größe der Schrift.

Sonderzeichen wie Umlaute werden mit besonderen Kennungen erzeugt. Diese werden nicht von spitzen Klammern eingeschlossen, sondern ihnen wird ein & vorangestellt und ein ; dahinter. Eine Liste folgt im hier. Auch spitze Klammern (<, >) und das 'Kaufmannsund' (&) müssen natürlich so erzeugt werden. Ausserdem sind (bald) mathematische Symbole verfügbar. Alle Symbole sind 'case-sensitiv', d.h. Groß und Kleinschrift machen hier einen Unterschied.

Nachtrag

Unbestätigte Gerüchte und anderes ungeprüftes Zeugs.

fig soll auch wie folgt benutzt werden können, um klickbare Bilder zu erzeugen:
<fig src="a.gif"><ul> <li><a href="b.html" shape="rect 12,12,50,70">Text</a> ... </ul></fig>.

Kurze html Dokumentation

Inhalt

Referenz

html Kennungen

Allgemeine Kennungen

Logische Textformatierung

Textformatierung

Logische Zeichenformatierung

Zeichenformatierung

Sonderzeichen

Prosa

Nachtrag