Um einen Überblick über die Schwerpunkte des Tutriums möchte ich zwei Übungen vorstellen, die uns im Laufe des Vormittags beschäftigt haben:
Übung1: Formatierung von Texten
Blindtextbuch
Also schön, Guido Heffels, nachfolgend meine Textempfehlung für das Blindtextbuch. Sie mögen denken, aus welchem Anlass es unbedingt eine solche poesiealbumhafte Antiquität sein muss, und genau das sollen Sie ja auch. Wenn Sie den Text lange genug mit Fleiss bestaunen, können Sie die Nuss knacken. Denn wenn mein Gag auch nicht mit schnellem Auge zu entdecken ist - eine geduldige Seele muss die Lösung doch finden. Wenn Sie es geschafft haben, dann klingeln Sie mich doch bitte noch einmal an, denn ich muss Ihnen dann noch die Headline zum Text nachsenden. Das möchte ich momentan nicht, weil dann das bescheidene Geheimnis dieses Blindtextes schon jetzt offenläge. Viel Spass wünscht Rainer Baginski. PS:
Eine einzige Hilfe gebe ich: Das Begleittextchen hat's nicht. Sie haben's nicht. Ich - typisch Baginski - habe es. Finden Sie es.
HTML-Code:
<html>
<head>
</head>
<body>
<h1>Blindtextbuch</h1>
<p>Also schön, <b>Guido Heffels</b>, nachfolgend
meine Textempfehlung für das <i>Blindtextbuch</i>. Sie
mögen denken, aus welchem <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 <big>Nuss</big> 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><small>die Headline
zum Text nachsenden.</small></tt> Das möchte ich momentan
nicht, weil dann das bescheidene <i><u><b>Geheimnis</b></u></i>
dieses Blindtextes schon jetzt offenläge. Viel Spass wünscht
Rainer Baginski. PS: <br>Eine einzige Hilfe gebe ich: Das <sub>Begleittextchen</sub>
hat's nicht. Sie haben's nicht. Ich - typisch Baginski - habe es. Finden Sie
es.</p>
</body>
</html>
Übung2: Erstellen und Formatieren von Tabellen
| obenlinks | obenmitte | obenrechts |
| mittelinks | mittemitte | mitterechts |
| untenlinks | untenmitte | untenrechts |
Html-Code:
<table border="1" width="100%" height="100%"
>
<tr>
<td valign="top" align="left">obenlinks</td>
<td valign="top" align="center">obenmitte</td>
<td valign="top" align="right">obenrechts</td>
</tr>
<tr>
<td valign="center" align="left">mittelinks</td>
<td valign="center" align="center">mittemitte</td>
<td valign="center" align="right">mitterechts</td>
</tr>
<tr>
<td valign="bottom" align="left">untenlinks</td>
<td valign="bottom" align="center">untenmitte</td>
<td valign="bottom" align="right">untenrechts</td>
</tr>
</table>
