Ein Html-Dokument besteht immer aus zwei Bereichen.
Beispiel:

<html>
	<head>
		<title>Hier ist der Titel</title>
	</head>
	<body>
	Hier steht der eigentliche text auf der seite.
	</body>
</html>



Zum ändern der hintergrundfarbe wird im body-Tag der tag bgcolor verwendet.


Beispiel:

Es gibt 16 standardisierte Farbnamen:

black=schwarz maroon=Dunkelrot green=dunkelgrün olive=olivegrün
red=rot navy=dunkelblau purple=violett teal=blaugrün
gray=dunkelgrau silver=hellgrau lime=hellgrün yellow=gelb
blue=blau fuchsia=magenta aqua=hellblau white=weiss 


<html>
    <head>
    <title>Hier ist der Titel</title>
    </head>
    <body bgcolor="aqua">
	Dieser Text befindet sich auf einem hellblauen Hintergrund
    </body>
</html>


Einfache Textausgabe


Textabsatz und Zeilenumbruch

<br> Der Tag <br> (break) erzeugt einen Zeilenumbruch. Die nächste Zeile wird direkt darunter mit dem aktuellen Zeilenabstand dargestellt. Dieser Tag besitzt kein Ende-Tag.
<p>...</p> Einen Absatz fügen Sie mit den beiden Tags ein. <p> steht hierbei für Paragraph (Absatz). Vor und nach dem Absatz wird ein größerer Abstand eingefügt (in der Regel eine Zeile). Innerhalb dieser Tags dürfen Sie keine weiteren Blockelemente verwenden, z.B. den Tag <p> selbst.


Beispiel:

<html>
   <head>
     <title>Die Beerdigung</title>
   </head>

   <body>
  <p>Beerdigung eines Herzspezialisten</p>

    <p>Bei der Beerdigung eines Herzspezialisten<br>
        wird ein großes, zweiteiliges Herz aus Holz aufgebaut.<br>
        Nach der Rede des Pfarrers<br>
        teilt sich das Herz,<br>
        der Sarg wird durchgeschoben und das Herz schließt sich wieder.<br>
        In diesem Moment fängt einer der Trauergäste laut an zu Lachen.<br>
        Sein Nachbar stößt ihn an.<br>
        Sie können bei einer Beerdigung doch nicht lachen!</p>

    <p>Tut mir leid,<br>
        ich musste mir gerade meine eigene Beerdigung bildlich vorstellen.<br>
        Was kann daran so lustig sein?,<br>
        Ich bin Gynäkologe!</p>
   </body>

</html>


Zeilenumbruch verhindern

<nobr>...</nobr> Die Textpassage, die nicht getrennt werden soll, wird innerhalb des Tags <nobr> und </nobr> angegeben. (nobr - no break - kein Umbruch).


Beispiel:

  <html>
   <head>
     <title>Nobreak</title>
   </head>

   <body>

             Gestern Abend, es war schon sehr spät, habe ich<nobr>87 Sterne</nobr>
             am Abendhimmel gezählt.

         </body>

</html>


Absätze ausrichten

 Der Text innerhalb eines Absatzes wird standardmäßig linksbündig ausgerichtet.
Sie haben jedoch auch die Möglichkeit, Text rechtsbündig, zentriert oder als Blocksatz auszurichten.
Zur Festlegung der Ausrichtung wird im Tag <p> das Attribut align verwendet.


align="Wert" Das Attribut align (Ausrichtung) gibt an, wie der nachfolgende Text ausgerichtet werden soll. Die möglichen Werte sind: left linksbündig center zentriert right rechtsbündig justify Blocksatz Wird das Attribut nicht angegeben, richtet der Browser den nachfolgenden Text standartmäßig linksbündig (left) aus.


Beispiel:

<html> 

   <head>  
   <title>align</title> 
	</head>
	
	<body> 
		<p align="left">linksbündiger Tex</p> 
		<p align="center">zentrierter Text</p>
		<p align="right">rechtsbündiger Text</p> 
		<p align="justify">Blocksatz .....</p> 
	</body> 

</html>


Text Beispiel:

<html> 
   <head>
		<title>Die Beerdigung</title>
   </head> 

   <body> 
		<p align="center">
			Beerdigung eines Herzspezialisten
		</p>

		<p>
			Bei der Beerdigung eines Herzspezialisten<br>
			wird ein großes, zweiteiliges Herz aus Holz aufgebaut.<br>
			Nach der Rede des Pfarrers<br>
			teilt sich das Herz,<br>
			der Sarg wird durchgeschoben und das Herz schließt sich wieder.<br>
			In diesem Moment fängt einer der Trauergäste laut an zu Lachen.<br>
			Sein Nachbar stößt ihn an.<br>
			Sie können bei einer Beerdigung doch nicht lachen!
		</p> 

		<p align="right">
			Tut mir leid,<br>
			ich musste mir gerade meine eigene Beerdigung bildlich vorstellen.<br>
			Was kann daran so lustig sein?,<br>
			Ich bin Gynäkologe!
		</p> 
	</body> 
</html>


Überschriften