HTML lernen (1): Einführungskurs

HTML-Grundlagen: Überschriften und Absätze: HTML-Grundlagen: Absätze und Zeilenumbrüche

∅ 4.5 / 19 Bewertungen

HTML-Grundlagen: Absätze und Zeilenumbrüche

Ein Absatz wird durch das Tag <p> eingeleitet und mit </p> beendet.

Mit dem Attribut "align" im <p>-Tag kann man einem Absatz auch die gewünschte Ausrichtung geben.

<p align="center"> ... </p> = zentrierter Absatz
<p align="right"> ... </p> = rechtsbündiger Absatz
<p align="left"> ... </p> = linksbündiger Absatz

Probieren Sie es einfach einmal aus:

Aufgabe: Übung zum Ausrichten von Absätzen

  • Legen Sie im Texteditor eine neue Datei an.

  • Als erstes geben Sie wieder die notwendigen Befehle für das Grundgerüst der HTML-Datei ein.

  • Anschließend soll der unten abgebildete Text in den Body der Datei eingegeben werden. Maskieren Sie bitte auch hier wieder alle Sonderzeichen. Damit der Text gut leserlich bleibt, sind die Sonderzeichen in der Abbildung nicht maskiert dargestellt.

  • Speichern Sie die Datei unter dem Namen schlager2.html.

Beispiel:

<html>
<head>
<title>Die neuen Stars am Himmel des deutschen Schlagers</title>
</head>

<body bgcolor="#ffffff">
<h2 align="right">Der deutsche Schlager</h2>
<p align="center">Der deutsche Schlager erfreut sich wieder größerer Beliebtheit. Das war deutlich auf dem 6. Schlagerfestival in Berlin zu merken.</p>
<p align="left">Die Veranstaltung war schon Wochen vorher ausverkauft. Leider war es den Veranstaltern jedoch nicht möglich, ein Zusatzkonzert zu organisieren. Doch ein kleiner Trost: Die Gewinner "Ray und Dietrich" gehen im Sommer auf große Tournee und stellen ihr neues Album "Mein Leben mit dir" vor. Voraussichtlich werden sie am 26. Juni wieder in Berlin zu Gast sein.</p>
</body>
</html>

Im Internetbrowser sollte Ihr Ergebnis so aussehen:

50107_schlager07.gif

Übung für die Ausrichtung