- Grundgerüst einer HTML-Seite:

<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>

- Sonderzeichen

- Tags

ä&auml; Überschriften <h1> ... </h1> bis <h6> ... </h6> (header)
ö&ouml; Absatz<p> ... </p> (paragraph)
ü&uuml; Zeilenumbruch<br> (break)
Ä&Auml; horizontale Linie<hr> (horizontal rule)
Ö&Ouml;
Ü&Uuml;
ß&szlig;
<&lt;
>&gt;
&&amp;
"&quot;

- Absätze durch Attribute steuern: align

Wert Beispiel
left <p align="left"> ... </p> (linksbündig)
right <p align="right"> ... </p> (rechtsbündig)
center <p align="center"> ... </p> (zentriert)
justify <p align="justify"> ... </p> (Blocksatz)

Voreinstellung: left

- Linien durch Attribute steuern: width, align, size, color

Attribut Wert Beispiel
size Pixel <hr size="5">
width Pixel <hr width="100">
% <hr width="90%">
align left, center, right <hr align="left">
color Farbe <hr color="blue">
color Hexadezimalwert <hr color="#000000">

Voreingestellt: width="100%", align="center"

 

- Schriftgestaltung durch tags

fett <b> ... </b> (bold)
kursiv <i> ... </i> (italic)
unterstrichen <u> ... </u> (underlined)

<font> - tag

AttributWertBeispiele:
colorFarbe<font color="red">...</font>
colorHexadezimalwert<font color="#0000ff">...</font>
size1-7<font size="6">...</font>
faceSchriftart<font face="Times New Roman">...</font>

Voreingestellt: color="black", size="3"

Standardgröße der Schrift ändern: <basefont="5">
Textfarbe der gesamten Seite ändern: <body text="green">

- Nummerierung und Aufzählungszeichen

Nummerierung (ordered list)
<ol>
  1. ...
  2. ...
  3. ...
  <li> ... </li>(list item)
</ol>
 
Aufzählung (unordered list)
<ul>
  • ...
  • ...
  • ...
  <li> ... </li>(list item)
</ul>

- Leerzeile erzeugen

<p>&nbsp;</p> (non breaking space)

- Grafiken einbinden

<img src="tower.gif"> (image)(source)
Wenn <img src="..." align="left">, dann fließt der Text rechts am Bild vorbei.

- Breite, Höhe, Alternativtext
<img src="tower.gif" width="200" height="250" alt="Tower of London">

- Hintergrundfarbe und -grafik
<body bgcolor="yellow"> Hintergrundfarbe
<body background="teppich.gif"> Hintergrundgrafik