Webseitenbau
Home
Site/Index
 
Web Webseitenbau
Google English français  
⬆2. 7. 5 Auszeichnung

2.7.5 Auszeichnungen (Fett, Italic etc.)
en Emphasis
fr Graisse

-

1 Physische Auszeichnungen (Fett, Italic etc.)
en Emphasis (bold, italic etc.)
fr Graisse (gras, italic etc.)

-

a) Elemente und Bedeutung der physischen Auszeichnungen im Text

-

b) Beispiel 1: Verschiedene Formate

1) Angabe im Quelltext

<p>
<b>ein Text fett aus</b><br>	
<i>ein Text kursiv</i><br>	
<tt>dicktengleich (tt = Teletyper = Fernschreiber)</tt><br>	
<u>ein Text unterstrichen</u><br>	 	
<strike>ein Text durchgestrichen</strike><br>
<s>ein Text durchgestrichen</s><br>	 
<big>ein Text grööer als normal</big>	 	
<small>ein Text kleiner als normal</small><br>		
<sup>ein Text hochgestellt</sup><br>	 	
<sub>ein Text tiefgestellt</sub>
<br>
</p>	 	

2) Ausgabe im HTML-Dokument

zeichnet einen Text als fett aus
zeichnet einen Text als kursiv aus
dicktengleich (tt = Teletyper = Fernschreiber)
zeichnet einen Text als unterstrichen aus
zeichnet einen Text als durchgestrichen aus
zeichnet einen Text als durchgestrichen aus
zeichnet einen Text grööer als normal aus
zeichnet einen Text kleiner als normal aus
zeichnet einen Text als hochgestellt aus
zeichnet einen Text als tiefgestellt aus

-

c) Beispiel 2: Formatierung im Text mit HTML

1) Angabe im Quelltext

<p>Das Schwein ist<b>fett</b>
und der Turm von Pisa ist<i>schief</i>.
<br>
Und was ist<b><i>fett und schief</i>
</b>?
</p>

2) Ausgabe im HTML-Dokument

Das Schwein ist fett und der Turm von Pisa ist schief.
Und was ist fett und schief?

-

d) Beispiel 3: Zusätzlich formatieren mit CSS

1) Angabe im Quelltext

<p>Das Schwein ist
<b style="background-color:#FFCCCC">fett</b>
und der Turm von Pisa ist
<i style="font-weight:bold;background-color:#FFFF00">
schief</i>.
</p>

2) Ausgabe im HTML-Dokument

Das Schwein ist fett und der Turm von Pisa ist schief.