Text- und Absatzelemente
Textelemente:
Beispiel
(
HTML-Quelle
)
beschreiben logische Bedeutung eines Textteils
Beispiele
Tag
Bedeutung
Darstellung (meistens)
EM
betont
kursiv
CITE
Zitat
eingerückt, kursiv
CODE
Programmtext
nicht-proportionaler Font
SUB
Index
kleiner, tiefgestellt
SUP
Exponent
kleiner, hochgestellt
Einbinden von Bildern:
mit
IMG
-Tag, ohne Endtag
<img src="peter.jpg" width="400" height="200" alt="Porträt von Peter">
wird wie ein großer Buchstabe behandelt (also als Textelement)
mögliche Bildquellen
Datei im gleichen Verzeichnis (
"photo.jpg"
)
Datei in anderem Verzeichnis (
"../bilder/photo.gif"
)
Datei direkt aus dem Netz (
"http://www.bilder.de/photo.jpg"
)
Copyrights beachten!
width
,
height
angezeigte Größe des Bildes in Pixel
u.U. verzerrte Darstellung
Ladezeit nur von der Originalgröße abhängig!
alt
alternativer Text (Vorschau oder für Textbrowser)
seit HTML 4 (strict) obligatorisch!
Absatzelemente:
Beispiel
(
HTML-Quelle
)
beschreiben Elemente zur Gliederung
Grundelement
<P>
(
Paragraph
) normalerweise durch Zeilenumbruch und Leerzeile dargestellt
Positionierung (links-, rechtsbündig, zentriert) möglich
mit (veraltetem) Attribut
align="left"
(oder
"right"
,
"center"
)
mit Style-Attribut
style="text-align:right;"
Zeilenumbruch erzwingen mit
<BR>
(ohne End-Tag)
vorformatierter Text mit
<PRE>
Überschriften mit
<H1>
,
<H2>
...
<H7>
Listen:
Beispiel
(
HTML-Quelle
)
ganze Liste
unnummeriert
<UL>
nummeriert
<OL>
Elemente der Liste
jeweils mit
<LI>
eingeleitet
Endtag
</LI>
kann entfallen
Darstellung
eingerückt
jedes Element in einzelner Zeile
vor jedem Element Listensymbol (Kreis, Kästchen) oder Nummer
Schachtelung
Liste darf nicht direkt in einem Absatz
<P>
stehen
jedes Listenelement darf Absätze enthalten
Stilarten
Listensymbol oder Art der Nummerierung durch Style-Element
list-style-type
Werte für
<ul>
:
disc
,
circle
,
square
,
none
Werte für
<ol>
:
decimal
,
lower-roman
,
upper-roman
,
lower-alpha
,
upper-alpha
,
none