HTML-Codes
Anleitungen / Hilfen

 

HTML-Anleitungen
Kapitel 3 - Texte ansprechend formatieren

Normale Texte sind langweilig, aber wozu kann man diese denn mit HTML schnell und einfach formatieren? In den nächsten Zeilen lernen Sie Texte mittig, rechtsbündig, groß, grün, gelb oder blau darzustellen. Texte werden mit dem Tag <font> verändert. Das Attribut für die Farbe lautet color, das Attribut für die Schriftart ist face und für die Größe size. Dazu gibt es erstmal etwas wichtiges zu bemerken. Bei HTML wird die Größe nicht von 8 - 72 sondern von 1 - 7 angegeben. Dabei ist 7 die größte Größe. Die Farben können in Englisch angegeben werden. Alternativ ist die Verwendung von RGB-Farbcodes möglich. Diese sind einfache Nummern, die den Farben zugewiesen sind. Eine Farbtabelle mit den Codes finden Sie unter Grafik -> Farbtabelle.

Bei der Verwendung von Schriftarten ist es sinnvoll nur gängige Schriftarten zu nutzen, da nicht alle Schriftarten, die es auf ihrem PC gibt auch auf dem PC ihrer Besucher ist. Daher empfehlen wir nur diese Schriftarten zu benutzen: Times New Roman (Standard), Arial, Arial Black, Verdana und Georgia. Das sind die Hauptschriftarten. Natürlich können Sie noch weitere gängige Schriftarten benutzen.

Ein Absatz wird mit dem Tag <p> gemacht, indem das Atrribut align eingebettet werden kann. Dabei steht align="center" für mittigen Text, align="right" für rechtsbündigen Text und align="left" für linksbündig, was auch Standard ist. Überschriften kann man mit <h1> bis <h7> machen, dabei ist jedoch <h7> die kleinste! Alles können Sie in Code 1 sehen.

Code 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Texte Formatieren</title>
</head>

<body>
<p align="center"> <h2>Willkommen auf meiner Homepage</h2> </p>
<p> <font size="4" color="red" face="Arial"> Obwohl im P-Tag nicht steht das dieser Text linksbündig sein soll, wird es so dargestellt, da linksbündig Standart ist! </font> </p>
<p align="right"> Rechts! </p>
</body>

</html>


Mit diesem Code sieht ihre Homepage dann so aus:

Homepageansicht zu Code 1

Willkommen auf meiner Homepage

Obwohl im P-Tag nicht steht das dieser Text linksbündig sein soll, wird es so dargestellt, da linksbündig Standart ist!

Rechts!

 

Startseite - Impressum - Kontakt - Support

Sitemap
Startseite: Startseite - Magazin - News - Kontakt - Impressum Homepagetools: Counter - IP-Anzeige- Umfragen / Vote - Kontaktformular / Formmailer
Programmierung: HTML-Codes - Anleitungen / Hilfen Generstoren: Animierter Text - E-Mail Adresse verschlüsseln - CSS Bildfilter - Weiterleitung - Laufschrift - Buttongenerator - Bannergenerator
Tipps: Suchmaschinen - Homepageservices Grafik & Farben: Buttonvorlagen - Trennlinien - Listenpunkte - 3D Smilies / 3D Smileys / 3D Smilys - Grafikformate - Farbenentstehung - Farbtabellen
Service: Domaincheck - Bildschirmauflösungen testen Community: Magazin - Forum / Board - Gästebuch - Support / Hilfe / Ünterstützung

Valid HTML 4.01 Transitional CSS ist valide!


Counter / Besucherzähler