16.4 Zeilenhöhe

{source}
<!– You can place html anywhere within the source tags —>

<script language=“javascript“ type=“text/javascript“>
// You can place JavaScript like this

</script>
<?php
// You can place PHP like this

?>

<P>
Um einen Effekt sch&ouml;n zur Geltung zu bringen, kann es unter Umst&auml;nden n&ouml;tig sein, auch die H&ouml;he einer Tabelle anzugeben.<BR>
<I>Achtung:</I> im Gegensatz zur Breite kann man die H&ouml;he nur f&uuml;r die ganze Tabelle definieren. Die Spalten der Tabelle werden automatisch so lange wie die l&auml;ngste unter ihnen.<P>

<B>Das wollen wir erreichen:</B><BR>
Eine Tabelle mit drei Spalten soll 300 Pixel hoch sein.<P>

<B>Tag:</B><BR>
&lt;TABLE border=“1″&gt;<BR>
&lt;TR&gt;<BR>
&lt;TD <B>HEIGHT=“300″</B>&gt;<BR>
1. Spalte<BR>
&lt;/TD&gt;<P>
&lt;TD&gt;<BR>
2. Spalte<BR>
&lt;/TD&gt;<P>
&lt;TD&gt;<BR>
3. Spalte<BR>
&lt;/TD&gt;<BR>
&lt;/TR&gt;<BR>
&lt;/TABLE&gt;<P>

{/source}

Aufgabe:

Erstelle die Datei ai/html/tabellen/hoehe1.html

Kopiere den obigen code und kontrolliere im Browser.

Aufgabe:

 Erstelle die Datei ai/html/tabellen/hoehe2.html

 Erstelle eine Tabelle mit 3 Zeilen und 3 Spalten.

Die erste Zeile soll 150 Pixel hoch sein, die zweite 300.

Aufgabe:

 Erstelle die Datei ai/html/tabellen/hoeheundbreite.html

Erstelle eine Tabelle mit 2 Zeilen und 2 Spalten.

Jede Zelle soll 100 Pixel breit und 100 Pixel hoch sein.

Zusatz: Füge entsprechend kleine Bilder in die Zellen ein.

Eventuell musst du die Bilder z.B. in Gimp transformieren.

Viel Erfolg