Tags und deren Bedeutung   siehe auch
<h1-6>, </h1-6> = Der eingebettete Test ist eine Kopfzeile (Überschrift)
<p> = Paragraph - ein neuer Absatz beginnt (Endtag </p> optional, aber empfohlen)
<br> = Break - erzwingt einen Zeilenumbruch
<hr> = Horizontale Linie (horizontal row)
<pre>, </pre> = vorformatiert (preformatted),
 wird so dargestellt wie in der HTML-Datei gegliedert 		  HTML-Absatzformatierung

SelfHTML:
<h1> bis <h6> , <p> , <br> , <hr> , <pre>

Beispiel 2.1


<html>

<head>
 <title>Web-Kurs, Beispiel 2.1</title>
</head>

<body>
So geht es nicht.

Der Quelltext dieses HTML-Dokumentes ist durch Leerzeilen
        und Einrückungen gegliedert.

Dies zeigt der Browser aber nicht an, weil ihm hierzu geeignete Tags fehlen!
</body>
</html>
Darstellung des Web-Browsers:
So geht es nicht. Der Quelltext dieses HTML-Dokumentes ist durch Leerzeilen und Einrückungen gegliedert. Dies zeigt der Browser aber nicht an, weil ihm hierzu geeignete Tags fehlen!

Beispiel 2.2


<html>

<head>
 <title>Web-Kurs, Beispiel 2.2</title>
</head>

<body>
<h1>So geht es.</h1>
<h2>Überschriften und Absätze</h2>
<p>Für die Gliederung der HTML-Dokumente können die Tags h1, h2,
h3, h4, h5, h6, p und br verwendet werden.</p><p>Die Absätze
und<br> Zeilenumbrüche sind im Quelltext nicht unbedingt direkt erkennbar.</p>
</body>
</html>
Darstellung des Web-Browsers:

So geht es.

Überschriften und Absätze

Für die Gliederung der HTML-Dokumente können die Tags h1, h2, h3, h4, h5, h6, p und br verwendet werden.

Die Absätze und
Zeilenumbrüche sind im Quelltext nicht unbedingt direkt erkennbar.

Beispiel 2.3


<html>

<head>
 <title>Web-Kurs, Beispiel 2.3</title>
</head>

<body>
<h2>Überschriften und Absätze</h2>
<hr>
<p>Für die Gliederung der HTML-Dokumente können die Tags h1, h2, h3,
h4, h5, h6 und p verwendet werden. Auch hr ist hierzu recht nützlich.</p>
</body>
</html>
Darstellung des Web-Browsers:

Überschriften und Absätze

Für die Gliederung der HTML-Dokumente können die Tags h1, h2, h3, h4, h5, h6 und p verwendet werden. Auch hr ist hierzu recht nützlich.

Beispiel 2.4 


<html>

<head>
 <title>Web-Kurs, Beispiel 2.4</title>
</head>

<body>
<h2>Überschriften und Absätze</h2>
<hr>
<p>Für die Gliederung der HTML-Dokumente können die Tags h1,
h2, h3, h4, h5, h6 und p verwendet werden.<br> Auch hr ist hierzu recht
nützlich.</p><p>Mit dem Tag br kann ein Zeilenumbruch erzwungen werden.
<br>Im Gegensatz zum p-Tag wird keine Absatztrennung durch Leerzeilen erzeugt.</p>
</body>
</html>
Darstellung des Web-Browsers:

Überschriften und Absätze

Für die Gliederung der HTML-Dokumente können die Tags h1, h2, h3, h4, h5, h6 und p verwendet werden.
Auch hr ist hierzu recht nützlich.

Mit dem Tag br kann ein Zeilenumbruch erzwungen werden.
Im Gegensatz zum p-Tag wird keine Absatztrennung durch Leerzeilen erzeugt.

Beispiel 2.5 


<html>

<head>
 <title>Web-Kurs, Beispiel 2.5</title>
</head>

<body>
<h1>Ein vorformatiertes Dokument</h1><HR>
Das HTML-Element PRE kennzeichnet einen vorformatierten Text. Hier werden
Zeilenvorschübe und Einrückungen genauso dargestellt, wie sie im
Quelltext enthalten sind, ohne dass hierzu irgendwelche Tags erforderlich sind.
<pre width="60">
#include &lt;iostream.h&gt;

int main()
{
 cout &lt;&lt; &quot;Kleines Programm in C++&quot; &lt;&lt; endl;
 return 0;
}
</pre>
</body>
</html>
Darstellung des Web-Browsers:

Ein vorformatiertes Dokument

Das HTML-Element PRE kennzeichnet einen vorformatierten Text. Hier werden Zeilenvorschübe und Einrückungen genauso dargestellt, wie sie im Quelltext enthalten sind, ohne dass hierzu irgendwelche Tags erforderlich sind. 
#include <iostream.h>

int main()
{
 cout << "Kleines Programm in C++" << endl;
 return 0;
}

Hinweise

Das Tag <pre> ist besonders für Programm-Quelltexte geeignet.
Im Browser gibt es zumeist eine Einstellung für die Schriftart für vorformatierten Text. Die Schriftart für PRE-Texte sollte auf Courier eingestellt werden.

Zeichen mit spezieller HTML-Funktion müssen umschrieben werden.
Dazu gehören die Zeichen <, >, &, ", ß und Umlaute.