1. Übung: Blindtext
Hier der HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Textformatierung</title>
</head>
<body>
<h1>Blindtextbuch</h1>
<p align="justifiy">Also schön, <b>Guido Heffels,</b> nachfolgend meine Textempfehlung für das <i>Blindtextbuch.</i> Sie
mögen denken, aus welchen <u>Anlass</u> es unbedingt eine solche poesiealbumhafte Antiquität sein muss,
und genau das sollen Sie ja auch. Wenn Sie den Text lange genug mit <s>Fleiss</s> bestaunen,
können Sie die Nuss knacken. Denn wenn mein Gag auch nicht mit schnellem <b>Auge</b> zu entdecken ist - <small>eine geduldige Seele muss die Lösung doch finden.</small> Wenn Sie
es geschafft <sup>haben</sup>, dann klingeln Sie mich doch bitte noch einmal an, denn ich
muss Ihnen dann noch <tt>die Headline zum Text nachsenden.</tt> Das möchte ich momentan nicht, weil
dann das bescheidene <b><i><u>Geheimnis</u></i></b> dieses Blindtextes schon jetzt offenläge.
Viel Spass wünscht Rainer Baginski.
PS: Eine einzige Hilfe gebe ich: Das <sub>Begleittextchen</sub> hat's nicht. Sie haben's nicht.
Ich - typisch Baginski - habe es. Finden Sie es.
</body>
</html>
2. Übung Tabellendesign
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Zellenverbund vertikal</title>
</head>
<body>
<table border="1" width="800">
<tr>
<td rowspan="3">1, 5 und 9</td>
<td>2</td>
<td>3</td>
<td rowspan="4">4, 8, 12 und 16</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>10</td>
<td rowspan="2">11 und 15</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
</tr>
</table>
</body>
</html>
3. Übung Tabellendesign
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Bilder in HTML</title>
</head>
<body>
<table background="background.png" border="0">
<tr>
<td><h1>Ein schräger Hintergrund</h1></td>
</tr>
<tr>
<td><h1>Die Freiheitsstatue</h1></td>
</tr>
<tr>
<td><img src="statue-of-liberty.jpg"><br><br><br></td>
</tr>
<tr>
<td><img src="checker.gif" height="180"></td>
</tr>
</table>
</body>
</html>