Aufgabe
Erstelle die Datei ai/html/tabellen/layout1.html
Kopiere den folgenden code.
Experimentiere mit dem Attributen und verändere die Vorgaben nach deinen Vorstellungen.
Erstelle zudem die drei Dateien, auf die verlinkt wird. Diese sollen ein ähnliches
Layout haben.
<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01 Transitional//EN“
„http://www.w3.org/TR/html4/loose.dtd“>
<html>
<head>
<title>Beispiel eines einfachen Tabellen-Layouts</title>
</head>
<body bgcolor=“#FFFFFF“ link=“#FFFF00″ vlink=“#FFCC00″ alink=“#FFFFFF“ text=“#FFFFFF“>
<table border=“0″ cellpadding=“10″ cellspacing=“5″ width=“75%“ bgcolor=“#A050A0″>
<tr>
<td width=“200″><h1>Willkommen</h1></td>
<td center> Leer </td>
</tr>
<td valign=“top“ width=“200″>
<tr>
<td>
<h3″>Navigation</h3>
<p>
<a href=“getraenke.htm“>Durst</a><br>
<a href=“pizza.htm“>Hunger</a><br>
<a href=“nachtisch.htm“>Hmmm</a><br>
<p>
<h3″>News</h3>
<p>Die Neuigkeiten stehen stets an dieser Stelle.
Viel Neues gibt es nicht. Nur so viel: diese Seite ist neu.</p>
</td>
<td valign=“top“ bgcolor=“#CC99FF“>
<h2>Worum geht es hier eigentlich?</h2>
<p>Ach, um Web-Design, halt das Übliche.</p>
<p>viel Inhalt</p><p>viel Inhalt</p><p>viel Inhalt</p><p>viel Inhalt</p><p>viel Inhalt</p>
<p>viel Inhalt</p><p>viel Inhalt</p><p>viel Inhalt</p><p>viel Inhalt</p><p>viel Inhalt</p>
</td>
</tr>
</table>
</body>
</html>
Schreibe einen Kommentar