WissenHeute Nr. 06/2004 - Deutsche Telekom Training GmbH ...

Tag/Attribut Bedeutung
... ul = unordered list,
d. h. unsortierte Liste
type=circle definiert das Bullet-
Zeichen offener Kreis,
type=square ein Viereck
type=disc oder einen ausgefüllten
Kreis.
... Ein einzelnes Listenelement
wird mit diesem
Tag eingeschlossen;
li steht für listitem, also
Listenelement.
4.4.3 Definitionsliste
Bei der Definitionsliste, das Hauptanwendungsgebiet
sind Glossare (bestehen aus
einem zu definierenden Ausdruck und der
Definition selbst), kann zu jedem Listenelement
ein Titel festgelegt werden.
Tag/Attribut Definitionsliste
... dl = definition list, markiert
eine Definitionsliste
... kennzeichnet den zu
definierenden Ausdruck
... kennzeichnet die Definition
Wie folgend gezeigt, sehen die einzelnen
Listenformen im Browser aus:
Die Nummerierte Liste
1. Die Standardnummerierung
A. Nummerierung mit großen alphabetischen
Buchstaben
I. Nummerierung mit großen römischen
Ziffern
Die Aufzählungsliste
der offene Kreis
■ das Quadrat
der ausgefüllte Kreis
Die Definitionsliste
IP-Adresse
(Internet-Protocol-Adresse) Eindeutige
Adresse eines Rechners. Aus vier Zahlen
von 0 bis 255 setzt sich die IP-Adresse
zusammen. Um die Orientierung zu erleichtern,
sind den IP-Adressen Domain-
Namen zugeordnet
4.4.4 Listen mit Grafiken
als Aufzählungszeichen
Da die Darstellung der Aufzählungszeichen
abhängig von Schriftart und Browser unterschiedlich
ausfallen kann, können auch
kleine Grafiken als Aufzählungszeichen verwendet
werden. Die einzelnen Elemente wer-
WissenHeute Jg. 57 6/2004
Tabelle 6 Funktionen der Tags zur Tabelle
Tag/Attribut Beschreibung
… Das Gerüst der Tabelle
… Definiert die Zeile
… Definiert die eigentliche Zelle
… Definiert eine Zelle, deren Inhalt hervorgehoben (fett) und
zentriert dargestellt wird; wird verwendet zur Hervorhebung
der Kopfzeile einer Tabelle
Zusätzliche Attribute für die Gestaltung der Tabelle
bgcolor In Verbindung mit dem entsprechenden Tag steht dieses
Attribut für die Einfärbung einer Tabelle oder Zelle zur
Verfügung, z. B.
border="…" Mit diesem Attribut wird die Dicke des Außenrahmens
bestimmt
bordercolor="…" Bestimmt die Farbe des Tabellenrandes
bordercolorlight="…" Legt die helle Farbe bei einem zweifarbigen Tabellenrand
fest. Bei dieser Tabelle ist es #FFFFFF für weiß
bordercolordark="…" Legt die dunkle Farbe bei einem zweifarbigen Tabellenrand
fest, im Beispiel ist der Wert #000080 für navy
align="(left | center | Mit dieser Anweisung kann die horizontale Ausrichtung
right)" der Tabelle oder eines Zellinhalts festgelegt werden.
valign="(top | middle |
bottom | baseline)"
Bestimmt die vertikale Ausrichtung des Inhalts
cellpadding="..." Legt den Randabstand vom Zelleninhalt (Text oder auch ein
Bild) zum Zellenrand fest
cellspacing="…" Bestimmt die Dicke der Gitternetzlinien
colspan="3" Verbindet drei Spalten
rowspan="2" Verbindet zwei Zeilen
height="…" Bestimmt die Höhe einer Tabelle oder Zelle
width="…" Bestimmt die Breite einer Tabelle oder Zelle
Domain
Die Domain fasst einen oder mehrere
Server oder Gruppen von E-Mail-Adressen
zusammen, die die gleiche Namensendung
haben. Die so genannte Toplevel
Domain für Deutschland ist „.de“, eine
der vielen Subdomains ist z. B. „telekom.
de“. Die Domain befindet sich jeweils im
Besitz einer Institution oder einer Person.
den mit Hilfe von „blinden“ (rahmenlosen)
Tabellen ausgerichtet. Das Beispiel in Bild 12
zeigt zur besseren Darstellung den sonst nicht
sichtbaren Tabellenrahmen als gestrichelte
Linie.
4.5 Tabellen
Mit Tabellen lassen sich nicht nur Informationen
übersichtlich präsentieren, sondern auch
geordnete Layouts der Webseiten erstellen.
In diesem Fall wird mit „blinden Tabellen“
gearbeitet. (Der Rahmen wird hierbei nicht
angezeigt.) Dieser einfache aber wirkungsvolle
Trick ist nicht auf den ersten Blick zu
erkennen.
Die Tabelle wird von den Tags und
umschlossen. Mit dem Tag
313