<HTML>
<HEAD>
<TITLE>
Titel des Textes
</TITLE>
</HEAD>
<BODY>
HTML-Text...
</BODY>
</HTML>
Einzelne Elemente eines Textes werden durch sog. Tags gekennzeichnet. Dabei gibt es öffnende Tags (<TAG>) und schließende Tags (</TAG>). Nicht alle Tags treten paarweise auf, für einige wird kein schließender Tag benötigt. Solche Konstrukte können auch verschachtelt werden, sie dürfen sich allerdings nicht überlappen. Im folgenden werden wir uns mit diesen Tags beschäftigen.
Eines sollten Sie immer bedenken: HTML ist nicht zum formatieren von Texten gedacht!
Die Darstellung eines Tags ist immer Sache des verwendeten Browsers. Während ein Browser eine Überschrift in Fettdruck hervorhebt, verwendet ein anderer Großbuchstaben zur Auszeichnung. Versuchen Sie also nicht ein bestimmtes Aussehen zu erzielen, da es u.U. nur für den von Ihnen verwendeten Browser gültig ist.
Beispiel:
<TITLE>Kurse im Rechenzentrum</TITLE>
Jedes HTML Dokument sollte einen Titel haben. Sie sind nicht Bestandteil des Dokumententextes, werden aber vom Browser erkannt und separat dargestellt, z.B. von Lynx als Kopfzeile. Zu einem öffnenden <TITLE> gehört ein schließender </TITLE>. Jedes Dokument darf nur einen Titel haben.
Beispiel:
<ISINDEX>
<ISINDEX> ist ein einfacher Tag.
Beispiel:
<LINK REV=made HREF=mailto:Dierk.Lucyga@uni-konstanz.de>
Einige Browser, z.B. Lynx, erlauben es dem Anwender, direkt E-Mail an den Autor eines HTML Dokuments zu schicken, wenn dieser einen entsprechenden LINK eingebaut hat. <LINK> ist ein einfacher Tag.
Beispiel:
<H1>Vom Liebesleben der Waldameise</H1>
Bitte beachten Sie, daß <LI> (Listenelement) ein einfacher Tag ist und Absatzendemarkierungen nicht notwendig sind.
Alle Listen können verschachtelt werden, d.h. eine Liste kann Element einer Liste sein.
Beispiel:
<OL>
<LI>Besteigen Sie am Bahnhof einen Bus der Linie 9(a oder b).
Diese Linie fährt an die Universität
<LI>Betreten Sie die Universität an der Bushaltestelle
durch den Haupteingang und folgen Sie den Markierungen zum Gebäudeteil
B
<LI>Auf Ebene 4 finden Sie den Eingang zur Bibliothek, folgen
Sie dort den Markierungen in Richtung G3
</OL>
Beispiel:
Mosaic hat die folgenden Funktionalitäten:<P>
<UL>
<LI>Grafische Anzeige von Plain Text, formatiertem Text und
Hypertext, sowie Grafiken.
<LI>Intelligente grafische Benutzerschnittstelle mit
weitgehenden Anpassungsmöglichkeiten an Benutzerbedürfnisse
<LI>Dokumentinterne und netzweite Suchmöglichkeiten
einschließlich der Nutzung von WAIS Ressourcen
</UL>
Beispiel:
<MENU>
<LI>Spaghetti in kochendes Salzwasser geben
<LI>8 Minuten kochen lassen
<LI>Mit einer Sauce al gusto servieren
</MENU>
Beispiel:
<DIR>
<LI>A-H<LI>I-M
<LI>N-R<LI>S-Z
</DIR>
Beispiel:
<DL>
<DT>gautschen
<DD>Papier zum Pressen ins Gautschbrett legen; auch: Lehrlinge
nach altem Buchdruckerbrauch unter die Gehilfen aufnehmen
<DT>Murkel
<DD>Wickelkind
<DT>Terpen
<DD>Bestandteil ätherischer Öle
</DL>
Beispiel:
<PRE>
1. Quartal 2. Quartal 3.Quartal 4. Quartal</PRE>Socken 1893 1606 1742 1549
Hemden 795 801 690 963
Hosen 649 530 791 661
Beispiel:
<ADDRESS>
Dierk Lucyga<BR>
Eichhornstr. 7<BR>
78464 Konstanz<BR>
</ADDRESS>
Beispiel:
Craig Hunt führt aus:
<BLOCKQUOTE>
Good passwords are the simplest, and most important, part of the
network security. The CERT estimates that 80% of all network security problems
are caused by bad passwords.
</BLOCKQUOTE>
EM Betonung STRONG Stärkere Betonung CODE Programmcode (normalerweise äquidistanter Font) KBD Für Anleitungen, um Benutzereingaben darzustellen VAR Variablennamen DFN Definitionen CITE Kurze Zitate
Alle Tags müssen als Anfangs- und Endetags verwendet werden.
Beispiel:
<IMG SRC="dateiname" ALIGN="textausrichtung" ALT="alternativtext">
dateiname bezeichnet den Namen der einzubindenden Grafikdatei. textausrichtung kann die Wert TOP, MIDDLE oder BOTTOM annehmen und gibt an, auf welcher Höhe Text wenn möglich neben einer Grafik angeordnet werden soll. Die Voreinstellung ist BOTTOM. Die Angabe eines alternativtextes ist besonders für nicht-grafische Browser von Bedeutung. Diese zeigen dann statt eines Platzhalters für die Grafik den Alternativtext an.
Bevor wir uns damit genauer auseinandersetzen müssen wir zuerst einen kleinen Exkurs unternehmen und uns mit URLs beschäftigen.
protokoll://adresse/dateinamen.
ftp://ftp.rz.uni-konstanz.de/pub/soft/dos/virus/virdoc.txt
Protokoll Adresse Dateiname
gopher://gopher.uni-konstanz.de/
Protokoll Adresse
Da hier kein Dateiname erscheint, wird das Stammverzeichnis des Gophers angezeigt.
http://www.ai.mit.edu/stocks/graphs.html
Protokoll Adresse Dateiname
Bei der Auswahl von "Anker" (z.B. durch Anklicken mit der Maus) wird URL aufgerufen. Handelt es sich bei URL um ein HTML-Dokument haben sie außerdem noch die Möglichkeit an eine beliebige Stelle in diesem Dokument zu springen. Die Zielstelle wird named anchor genannt. Einen named anchor erstellen Sie mit <A NAME="named anchor">text</A>. Ein Beispiel soll dies verdeutlichen.
In einem Text A.html über Waldameisen findet sich folgendes:
Ein nicht zu vernachlässigender Teil des gesellschaftlichen Lebens der Waldameise ist der <A NAME="Wald-a-Liebe">Liebe</A> gewidmet.
Von einem Text B.html aus können Sie auf diese Stelle verweisen:
Die Nacht ist nicht allein zum Schlafen da! Das wissen sowohl die großen, als auch die <A HREF="A.html#Wald-a-Liebe">kleinen Tiere</A> des Waldes.
&Aelig; capital AE diphthong (ligature) Á capital A, acute accent  capital A, circumflex accent À capital A, grave accent Å capital A, ring à capital A, tilde Ä capital A, dieresis or umlaut mark Ç capital C, cedilla Ð capital Eth, Icelandic É capital E, acute accent Ê capital E, circumflex accent È capital E, grave accent Ë capital E, dieresis or umlaut mark Í capital I, acute accent Î capital I, circumflex accent Ì capital I, grave accent Ï capital I, dieresis or umlaut mark Ñ capital N, tilde Ó capital O, acute accent Ô capital O, circumflex accent Ò capital O, grave accent Ø capital O, slash Õ capital O, tilde Ö capital O, dieresis or umlaut mark Þ capital THORN, Icelandic Ú capital U, acute accent Û capital U, circumflex accent Ù capital U, grave accent Ü capital U, dieresis or umlaut mark Ý capital Y, acute accent á small a, acute accent â small a, circumflex accent æ small ae diphthong (ligature) à small a, grave accent å small a, ring ã small a, tilde ä small a, dieresis or umlaut mark ç small c, cedilla é small e, acute accent ê small e, circumflex accent è small e, grave accent ð small eth, Icelandic ë small e, dieresis or umlaut mark í small i, acute accent î small i, circumflex accent ì small i, grave accent ï small i, dieresis or umlaut mark ñ small n, tilde ó small o, acute accent ô small o, circumflex accent ò small o, grave accent ø small o, slash õ small o, tilde ö small o, dieresis or umlaut mark ß small sharp s, German (sz ligature) þ small thorn, Icelandic ú small u, acute accent û small u, circumflex accent ù small u, grave accent ü small u, dieresis or umlaut mark ý small y, acute accent ÿ small y, dieresis or umlaut mark
The current IETF URI working group preference is for the prefixedurl production. (Nov 1993. July 93: url).
The "national" and "punctuation" characters do not appear in any productions and therefore may not appear in URLs.
The "afsaddress" is left in as historical note, but is not a url production
prefixedurl url:url
url httpaddress
[ftpaddress | newsaddress | nntpaddress |
prosperoaddress | telnetaddress | gopheraddress |
waisaddress | mailtoaddress |midaddress |
cidaddress]
scheme ialpha
httpaddress http://hostport [ / path ] [ ? search ]
ftpaddress ftp://login/path [ ftptype ]
afsaddress afs://cellname/path
newsaddress news:groupart
nntpaddress nntp:group/digits
midaddress mid:addr-spec
cidaddress cid:content-identifier
mailtoaddress mailto:xalphas@hostname
waisaddress waisindex | waisdoc
waisindex wais://hostport/database [ ? search ]
waisdoc wais://hostport/database/wtype/wpath
wpath digits = path ; [ wpath ]
groupart * | group | article
group ialpha [ . group ]
article xalphas@host
database xalphas
wtype xalphas
prosperoaddress prosperolink
prosperolink prospero://hostport/hsoname [% 0 0 version
[attributes] ]
hsoname path
version digits
attributes attribute [ attributes ]
attribute alphanums
telnetaddress telnet://login
gopheraddress gopher://hostport [/gtype [ gcommand ] ]
login [ user[:password]@]hostport
hostport host[:port]
host hostname | hostnumber
ftptype A formcode | E formcode | I | L digits
formcode N | T | C
cellname hostname
hostname ialpha [.hostname ]
hostnumber digits.digits.digits.digits
port digits
gcommand path
path void | segment [ / path ]
segment xpalphas
search xalphas [ + search ]
user alphanum2 [ user ]
password alphanum2 [ password ]
fragmentid xalphas
gtype xalpha
alphanum2 alpha | digit | - | _ | . | +
xalpha alpha | digit | safe | extra | escape
xalphas xalpha [ xalphas ]
xpalpha xalpha | +
xpalphas xpalpha [ xpalphas ]
ialpha alpha [ xalphas ]
alpha a | b | c | d | e | f | g | h | i | j | k | l | m |
n | o | p | q | r | s | t | u | v | w | x | y | z | A | B |
C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q |
R | S | T | U | V | W | X | Y | Z
digit 0 |1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9
safe $ | - | _ | @ | . | & | + | -
extra ! | * | " | ' | ( | ) | ,
reserved = | ; | / | # | ? | : | space
escape % hex hex
hex digit | a | b | c | d | e | f | A | B | C | D | E |
F
national { | } | vline | [ | ] | \ | ^ | ~
punctuation < | >
digits digit [ digits ]
alphanum alpha | digit
alphanums alphanum [ alphanums ]
void