|
|
Computer für Anfänger 5
<center><table border="1">
<tr><td>Zeile 1, Spalte1</td><td>Zeile 1, Spalte 2</td></tr>
<tr><td>Zeile 2, Spalte2</td><td>Zeile 2, Spalte 2</td></tr>
&#
60;/table></center>
| Zeile 1, Spalte1 | Zeile 1, Spalte 2 |
| Zeile 2, Spalte1 | Zeile 2, Spalte 2 |
<center><table border="1">
<tr><td colspan="2" align="middle">Überschrift</td></tr>
<tr><td>Zeile 1, Spalte1</td><td>Zeile 1, Spalte 2</td></tr>
<tr>
<td>Zeile
2, Spalte2</td><td>Zeile 2, Spalte 2</td></tr>
</table></center>
| Überschrift |
| Zeile 1, Spalte1 | Zeile 1, Spalte 2 |
| Zeile 2, Spalte2 | Zeile 2, Spalte 2 |
<center><table border="1">
<tr><td rowspan="3"><font size=6> F = m · g </font></td><td>F = Kraft in N</td></tr>
<tr><td>m = Masse in kg&#
60;/td></tr>
<tr><td>g = Erdbeschleunigung in m/s²</td></tr>
</table></center>
| F = m · g | F = Kraft in N |
| m = Masse in kg |
| g = Erdbeschleunigung in m/s² |
|
Übung 1 | So entsteht eine Tabelle. Sie beginnt mit '<table>' und endet mit '</table>'. Das 'border= ...' haben Sie schon kennengelernt. Die Zeile wird mit '<tr>' eingeleitet und klingt mit '&#
60;/tr>' aus. Bei der
Spalte sind es '<td>' und '</td>'. |
|
Übung 2 | Der Zusatz 'colspan="2"' bedeutet, dass die Überschrift zwei Spalten überspannt. |
|
Übung 3 | Der Zusatz 'rowspan="3"' bedeutet, dass die einzelne Zelle in Spalte 1 den 3 Zellen in Spalte 2 gegenübersteht. ' ' bedeutet eine unbedingt einzuhaltende Leerstelle, denn nur zu
gerne ignorieren
Browser Leerstellen. |
So, dass war jetzt erstmalig eine sogenannte 'blinde' Tabelle mit 'border="0"'. Sie sorgt für eine gewisse Formatierung, ohne dass man sie wahrnimmt.
Unten wartet jetzt der Quelltext für das Bild ganz oben auf Sie.
Alle Elemente
müssten jetzt bekannt sein, bis auf die Einbindung des Bildes, aber das haben Sie ja schon im vorigen Teil geübt. Nehmen Sie ein eigenes Bild so groß wie Sie wollen. Füllen Sie damit Ihre erste Webseite und schreiben
Sie darauf.
Sie müssen versprechen, damit ein wenig zu experimentieren ...
<center><table><tr><td width="600" height=450 style="background-image:url(https://www.kfz-tech.de/Bilder/Kfz-Technik/Allgemein/Computer07.jpg)"><font color=#F902CF size=7><b>So schön
können
Tabellen sein ...</b></font></td></tr></table></center>
Ach ja, die Farbe der Schrift hätten wir jetzt beinahe vergessen. Sie kann jede denkbare Farbe annehmen. Dabei stehen die ersten beiden Ziffern für den Rot-, die zweiten beiden für den Grün- und die letzten beiden für den
Blauanteil. Es
handelt sich um Hexadezimalzahlen. Versuchen Sie unten die Tabellen zu verstehen und Sie werden nach etwas Experimentieren Ihre Wunschfarbe erhalten.
| Hexadezimalzahlen von 0 bis 255 .. |
| 00=0 | 01=1 | 02=2 | 03=3 | 04=4 | 05=5 | 06=6 | 07=7 |
| 08=8 | 09=9 | 0A=10 | 0B=11 | 0C=12 | 0D=13 | 0E=14 | 0F=15 |
| 10=16 | 11=17 | 12=18 | 13=19 | 14=20 | 15=21 | 16=22 | 17=23 |
| 18=24 | 19=25 | 1A=26 | 1B=27 | 1C=28 | 1D=29 | 1E=30 | 1F=31 |
| 20=32 | 21=33 | 22=34 | 23=35 | 24=36 | 25=37 | 26=38 | 27=39 |
| 28=40 | 29=41 | 2A=42 | 2B=43 | 2C=44 | 2D=45 | 4E=46 | 2F=47 |
| und so geht es weiter bis ... |
| F0=240 | F1=241 | F2=242 | F3=243 | F4=244 | F5=245 | F6=246 | F7=247 |
| F8=248 | F9=249 | FA=250 | FB=251 | FC=252 | FD=253 | FE=254 | FF=255 |
01/15
|
|
