Hier das Drehbuch zu "Lästiges Ungeziefer":
Grüni und Streifi sitzen im Park am Sockel einer Skulptur. Streifi tippt auf seinem Handy eine Sms und Grüni liest in der Zeitung. Plötzlich wird Streifi jedoch von einem störenden Besucher am Lesen gehindert – eine Fliege schwirrt um ihn herum. Streifi blickt um sich, sucht den Störenfried und beginnt erfolglos um sich zu schlagen. Schließlich entdeckt er die Fliege auf der Schulter von Grüni und beendet mit einem Schlag ihr Dasein. Grüni springt empört auf und schreit „Ma Oida!“. Am Schluss sieht man die beiden fassungslos da sitzen.
Synopsis: Streifi schlägt auf Fliege, erwischt Grüni.
Permalink (0 Kommentare) Kommentieren
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Im Anschluss haben wir dann noch das Thema CSS behandelt und sind dabei unter anderem auf die syntaktische Notation eingegangen.
Permalink (0 Kommentare) Kommentieren
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>
Permalink (0 Kommentare) Kommentieren