Ramnips Homepage-Help      www.chathomepage.de  
HTML Teil 2





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!

zurück nach oben



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!

zurück nach oben



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

zurück nach oben



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.

zurück nach oben



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