|
|
|
|
 Wegweiser:
Startseite >>
Übersicht HTML-Kurs
>>
Kapitel 2: Textformatierungen
| HTML Kurs - Kapitel 2: Textformatierungen |
Überschriften erzeugen Sie mit den Tags <h1> </h1> bis <h6> </h6>. Die Zahlen
in den Tags die Größe der Überschrift kenzeichnen, wobei es sich bei 1 um die größte und bei 6 um
die kleinste Überschrift handelt. Überschriften sollen kurz angeben, was sie Seite enthält.
Überschriften spielen auch für Suchmaschinen eine größe Rolle, wenn Webseiten
zu einem bestimmten Thema gesucht werden.
Beispiel:
<html>
<head>
<title>Text des Titels</title>
</head>
<body >
<h1>Eine große Überschrift</h1>
<h4>Eine mittlere Überschrift</h4>
</body>
</html>
|
<< So sieht`s aus >>
Nun kommen wir zur eigentlichen Textformatierung. Der gesammte Text muss sich, wie beteits erwänt, im <body> Tag
befinden. Wenn Ihnen die Standartschriftart des Browsers nicht gefallen sollte, können Sie sie mit dem <font> </font>
Tag ändern. Mit dem Attribut face= wird die Schriftart angegeben. Sie sollten aber in jedem Fall eine Schriftart verwenden,
die auf sehr vielen Rechnern installiert ist (z.B. Arial, Courier, Times New Roman), da falls die Schriftart auf dem
Rechner nicht vorhanden ist, immer die Standartschrift angezeigt wird.
Beispiel:
<html>
<head>
<title>Text des Titels</title>
</head>
<body >
<font face="Arial" size="4">Ein erster Test</font>
</body>
</html>
|
<< So sieht`s aus >>
Will man Absätze erzeugen benutzt man den <p> Tag. Dieser muss nicht zwingend mit </p>
beendet werden, ist aber sinnvoll. Der Absatz-Tag kann auch mit dem Attribut align= versehen werden. Sie Sie wollen
z.B. einen Text linksbündig und den anderen rechtsbündig haben.
Beispiel:
<html>
<head>
<title>Text des Titels</title>
</head>
<body >
<p align="left"><font face="Arial" size="4">Ein erster Test</font></p>
<p align="right"><font face="Courier" size="4">Der zweite Absatz<br>
der sich über zwei Zeilen erstreckt</font></p>
</body>
</html>
|
<< So sieht`s aus >>
Einen Zeilenumbruch erzwingen Sie mit Hilfe des <br> Tags
Natürlich könne Texte auch wie in Textverarbeitungsprogrammen formatiert werden. Die wichtigsten sind hier aufgelistet:
| |
- kursiv |
Tag: <i> </i> |
| |
- unterstrichen |
Tag: <u> </u> |
| |
- fett |
Tag: <b> </b> |
Beispiel:
<html>
<head>
<title>Text des Titels</title>
</head>
<body >
<p align="left"><font face="Arial" size="4">Ein erster Test</font></p>
<p align="left"><font face="Arial" size="4"><i>Ein kursiver Text</i></font></p>
<p align="left"><font face="Arial" size="4"><u>Ein unterstrichener Text</u></font></p>
<p align="left"><font face="Arial" size="4"><b>Ein fetter Text</b></font></p>
</body>
</html>
|
<< So sieht`s aus >>
|
|
|
