Es ist nicht unbedingt erforderlich, ein HTML- Experte zusein, um ansprechende Inhalte erstellen zu können. In vielen Fällen ist die Nutzung von einfachen HTML- Befehlen sehr hilfreich. Im folgendem werden einige einfache HTML- Befehle näher erläutern, die es auch einem Laien ermöglichen sollen, Text zu formatieren oder Grafiken einzubinden.

Auszeichnung HTML- Tags
Die Formatierung von Text (wie große Schrift, linksausgerichtet, unterstrichen usw.) erfolgt mit sogenannten HTML- Tags. HTML-Tags sind die Befehle, die einem Browser mitteilen, daß ein Text fett oder zentriert dargestellt werden soll. HTML-Tags werden in spitzen Klammern notiert, häufig gibt es ein einleitendes und ein abschließendes Tag. Ein abschließendes Tag ist immer durch einen zusätzlichen Schrägstrich gekennzeichnet. Auf den Inhalt zwischen den HTML- Tags wird die Formatierung angewandt.

Beispiel:
HTML	Ergebnis
<b>fett</b>	fett

Absätze
Absätze können Sie durch ein einfaches <p>- Tags erstellen:

Beispiel:
HTML	Ergebnis
<p>Franz jagt im total verwahrlosten Taxi quer durch Bayern.</p> <p>Franz jagt im total verwahrlosten Taxi quer durch Bayern.</p> <p>Franz jagt im total verwahrlosten Taxi quer durch Bayern.</p>	Franz jagt im total verwahrlosten Taxi quer durch Bayern. Franz jagt im total verwahrlosten Taxi quer durch Bayern. Franz jagt im total verwahrlosten Taxi quer durch Bayern.

Zeilenumbrüche können Sie durch ein einfaches <br />- Tags erstellen. (kein abschließendes HTML- Tags):

Beispiel:
HTML	Ergebnis
Franz jagt im total verwahrlosten Taxi quer durch Bayern.<br /> Franz jagt im total verwahrlosten Taxi quer durch Bayern.<br /> Franz jagt im total verwahrlosten Taxi quer durch Bayern.<br />	Franz jagt im total verwahrlosten Taxi quer durch Bayern. Franz jagt im total verwahrlosten Taxi quer durch Bayern. Franz jagt im total verwahrlosten Taxi quer durch Bayern.

horizontale Linien
können Sie durch ein einfaches <hr />- Tag erstellen (kein abschließendes HTML- Tags):

Beispiel:
HTML	Ergebnis
Franz jagt im total verwahrlosten Taxi quer durch Bayern.<hr /> Franz jagt im total verwahrlosten Taxi quer durch Bayern.<hr /> Franz jagt im total verwahrlosten Taxi quer durch Bayern.<hr />	Franz jagt im total verwahrlosten Taxi quer durch Bayern. Franz jagt im total verwahrlosten Taxi quer durch Bayern. Franz jagt im total verwahrlosten Taxi quer durch Bayern.

Überschriften können Sie mit <h1> bis <h6>- Tags erstellen:

Beispiel:
HTML	Ergebnis
<h1>Überschriftt</h1> <h2>Überschriftt</h2> <h3>Überschriftt</h3> <h4>Überschriftt</h4> <h5>Überschriftt</h5> <h6>Überschriftt</h6>	Überschrift Überschrift Überschrift Überschrift Überschrift Überschrift

fett, kursiv, unterstrichen, durchgestrichen

Beispiel:
HTML	Ergebnis
<b>fett</b>	fett
<i>kursiv</i>	kursiv

Schriftfarben
können Sie durch die Angabe eines Farbnamens angeben:

Beispiel:
HTML	Ergebnis
<span style="color:#0000FF;">Franz jagt ... ... durch Bayern.</span> <span style="color:#FF0000;">Franz jagt ... ... durch Bayern.</span> <span style="color:#00AA00;">Franz jagt ... ... durch Bayern.</span> <span style="color:#FFFF00;">Franz jagt ... ... durch Bayern.</span> <span style="color:#666699;">Franz jagt ... ... durch Bayern.</span>	Franz jagt ... ... durch Bayern. Franz jagt ... ... durch Bayern. Franz jagt ... ... durch Bayern. Franz jagt ... ... durch Bayern. Franz jagt ... ... durch Bayern.

Farbnamen Folgende Farben können Sie verwenden, geben Sie einfach den hexadezimalen Farbwert an: Schriftarten
Sie können die Schriftart wählen:

Beispiel:
HTML	Ergebnis
<span style="font-family:Verdana;">Franz jagt ... ... durch Bayern.</span> <span style="font-family:Arial;"<Franz jagt ... ... durch Bayern.</span> <span style="font-family:Courier;">Franz jagt ... ... durch Bayern.</span> <span style="font-family:'Segoe UI'; font-size:17px;">Franz jagt ... ... durch Bayern.</span>	Franz jagt ... ... durch Bayern. Franz jagt ... ... durch Bayern. Franz jagt ... ... durch Bayern. Franz jagt ... ... durch Bayern.
Wichtig: Nur Schriften, die auf dem Computer des Anwendersvorhanden sind, können angezeigt werden, daher ist auch die Angabe von mehreren Schriften sinnvoll.

Schriftgröße
Sie können die Schriftgröße wählen:

Beispiel:
HTML	Ergebnis
<span style="font-size:9px;">Franz jagt ... ... durch Bayern.</span> <span style="font-size:10px;">Franz jagt ... ... durch Bayern.</span> <span style="font-size:11px;">Franz jagt ... ... durch Bayern.</span> <span style="font-size:12px;">Franz jagt ... ... durch Bayern.</span> <span style="font-size:14px;">Franz jagt ... ... durch Bayern.</span> <span style="font-size:16px;">Franz jagt ... ... durch Bayern.</span> <span style="font-size:20px;">Franz jagt ... ... durch Bayern.</span>	Franz jagt ... ... durch Bayern. Franz jagt ... ... durch Bayern. Franz jagt ... ... durch Bayern. Franz jagt ... ... durch Bayern. Franz jagt ... ... durch Bayern. Franz jagt ... ... durch Bayern. Franz jagt ... ... durch Bayern.

Zentrieren
Sie können Text ausrichten:

Beispiel:
HTML	Ergebnis
<div style="text-align:left;">Franz jagt ... ... durch Bayern.</div> <div style="text-align:center;">Franz jagt ... ... durch Bayern.</div> <div style="text-align:right;">Franz jagt ... ... durch Bayern.</div>	Franz jagt ... ... durch Bayern. Franz jagt ... ... durch Bayern. Franz jagt ... ... durch Bayern.

Verweise
Sie können wie folgt einen Link einfügen:

Beispiel:
HTML	Ergebnis
<a href="http://www.xaran.de">zur Webseite der Herstellers</a>	zur Webseite des Herstellers

Einbinden von Grafiken
kein abschließendes Tag

Beispiel:
HTML	Ergebnis
<img src="xaran_tutorial_04_01.jpg" alt="Beschreibung der Grafik, z.B. genutzt für barrierefreies Internet, seit XHTML Pflicht!" />

Kombination
Alle HTML- Tags können verschachtelt angewandt werden,um z.B. fetten Text zentriert darzustellen oder kursive Überschriften zu erstellen:

Beispiel:
HTML	Ergebnis
HTML	Ergebnis
<b style="color:#FF3333;">fett</b>	fett
<h2><i>Überschrift</i></h2>	Überschrift