- Textgröße, -farbe, -art
- Text fett, kursiv, unterstrichen, durchgestrichen
- Zeilenumbruch, horizontale Linie
- Größen- und Fettschriftvorbelegung
- Absatzausrichtung (Text linksbündig, mittig, rechtsbündig)
- Absatz einrücken / Liste erstellen
- Text hochgesetzt / tiefgesetzt
Textgröße, -farbe, -art
<font size="Zahl">Text</font>
Beispiel: <font size="1">das wird recht klein</font> das wird recht klein
<font color="#Farb-Code">Text</font>
Beispiel: <font color="#FF0000">das ist rote Schrift</font> das ist rote Schrift
Tipp: Die Farbtabelle gibt's auf
www.chatfarben.de !<font face="Schriftart">Text</font>
Beispiel: <font face="arial">das ist die Schriftart Arial</font> das ist die Schriftart Arial
Weitere Schriftarten sind z.B.:
Times New Roman (Standartschrifttype im WWW), Verdana, Comic Sans MS, Courier New, Impact, Helvetica, Lucida Sans
Beispiel für Anwendung aller 3 Parameter auf das Tag:<font face="comic sans ms" color="#008000" size="7">Hallo!</font>
Hallo!Text fett, kursiv, unterstrichen, durchgestrichen
<b> fetter Text </b>
<i> kursiver Text </i>
<u> unterstrichener Text </u>
<s> durchgestrichener Text </s>
Beispiel:<b>James</b> <i>nervt</i> <u>mich</u> ständig!
Ergebnis:James nervt mich ständig!
Erläuterungen:
verschachteln solcher Tags ist natürlich möglich: <b><i><u>Hallo!</u></i></b> ergibt Hallo!
Zeilenumbruch, horizontale Linie
Zeilenumbruch: <br>
Beispiel: Hallo Leute<br>Wie geht's denn so?!
Ergebnis:Hallo Leute
Wie geht's denn so?!
horizontale Linie: <hr>
Beispiel: Guten Tag, nun kommt eine Linie<hr>Tja, toll was?!
Ergebnis:Guten Tag, nun kommt eine Linie
Tja, toll was?!
Erweiterungen: Die Linienschattierung, Farbe, Ausdehnung und Größe (Höhe) kann verändert werden.
<hr noshade color="#009F00" width="350" size="1">
Ergebnis:Erläuterungen zum Beispiel:
noshade bewirkt das Entfernen des Schattens, mit color gaben wir der Linie eine Farbe, width legt die (horizontale) Ausdehnung, also die Breite, fest (im Beispiel 350 Pixel), size definiert die Höhe in Pixeln
Größen- und Fettschriftvorbelegung
<h1> Inhalt </h1> - sehr groß
<h2> Inhalt </h2> - groß
<h3> Inhalt </h3> - mittel
<h4> Inhalt </h4> - klein
<h5> Inhalt </h5> - sehr klein
<h6> Inhalt </h6> - mini
Die Schriftgröße bei h1 ist ziemlich groß, bei h6 sehr klein. Was aber überall erzielt wird ist Fettschrift. Nicht vergessen, die entsprechenden Tags mit deren Schließtags zu beenden.
Absatzausrichtung (Text linksbündig, mittig, rechtsbündig)
<div align="center">...Absatz mittig...</div>
<div align="right">...Absatz rechtsbündig...</div>
<div align="left">...Absatz linksbündig...</div>
Tipp: <center> schnelles einfaches Zentrieren nächstfolg.
Inhalte - Beendigung mit </center>
zurück nach oben
Absatz einrücken / Liste erstellen
Absatz einrücken: <ul> </ul>
Beispiel:
Meine Freunde: <ul> A,B,C,D,E und F <br> 1,2,3 und 4 </ul> Ich hab Euch gern!
Ergebnis:
Meine Freunde: A,B,C,D,E und F
1,2,3 und 4
Ich hab Euch gern!
Listenpunkt: <li> </li>
Beispiel:
Ich grüße: <li> A,B,C,D,E und F </li> <li> 1,2,3 und 4 </li> <br>Ich hab Euch gern!
Ergebnis:
Ich grüße:A,B,C,D,E und F 1,2,3 und 4
Ich hab Euch gern!
Tipp: Das <ul> und <li> Tag kann man natürlich auch geschickt miteinander kombinieren.
zurück nach oben
Text hochgesetzt / tiefgesetzt
E = MC2
E = MC<sup>2</sup>
H2O
H<sub>2</sub>O
zurück nach oben
Absatz einrücken / Liste erstellen
Absatz einrücken: <ul> </ul>
Beispiel:Meine Freunde: <ul> A,B,C,D,E und F <br> 1,2,3 und 4 </ul> Ich hab Euch gern!
Ergebnis:Meine Freunde:
- A,B,C,D,E und F
1,2,3 und 4
Listenpunkt: <li> </li>
Beispiel:Ich grüße: <li> A,B,C,D,E und F </li> <li> 1,2,3 und 4 </li> <br>Ich hab Euch gern!
Ergebnis:Ich grüße:
Ich hab Euch gern!
Tipp: Das <ul> und <li> Tag kann man natürlich auch geschickt miteinander kombinieren.
Text hochgesetzt / tiefgesetzt
E = MC2
E = MC<sup>2</sup>
H2O
H<sub>2</sub>O