eine kleine homepage - das profimenü
Nun werden wir ein profimenü gestellten.
Zuerst machen wir eine tabelle! Die tabele beginnt mit table. Table ist das Englische wort für tabelle. Und die erweiterung border darf auch nicht fehlen. Denn sie ist für den rahmen.
<table border="1">
1 ist die rahmen breite.
Nun kommen die tabellen reihen.
Eine Reihe beginnt mit <tr> eine spalte beginnt mit <td>.
Also machen wir nun noch
<tr><td>1</td></tr>
<tr><td>2,1</td><td>2,2</td></tr>
</table>
Mit </table> haben wir den angefangenden tag beendet. Nun zeig ich euch wie es aus sieht.
| 1 | |
| 2,1 | 2,2 |
Und damit haben wir eine tabelle.
Nun wollen wir sie als menü machen.
Wir entfernen die spalte 2,2.
Wir erweitern td.
also nehmen wir background-color.
background ist englisch und heißt auf deutsch Hintergrund. color heißt farbe. Also bestimmen wir die hintergrund-farbe.
background wird mit bg abgekürzt. also nehmen wir bgcolor
Wir nehmen als beispiel schwarz.
Und verlinken die buchstaben/zahlen. Das wird alles schwer zu erklären also zeig ich es euch.
<table border="1">
<tr>
<td bgcolor="black">menüpunkt 1</td>
</tr>
<tr>
<td bgcolor="black">menüpunkt2</td>
</tr>
</table>
Nun haben wir 2 tabellen reihen mit schwarzem hintergrund.
Hier zeig ich es euch:
menüpunkt 1
menüpunkt2
Wir verlinken den text.
Wir erweitern den tag a mit href für den link.
also verlinken wir den text.
<table border="1">
<tr>
<td bgcolor="black"><a href="http://url.de">menüpunkt 1</a></td>
</tr>
<tr>
<td bgcolor="black"><a href="http://url.de">menüpunkt2</a></td>
</tr>
</table>
Nun sieht das so aus:
menüpunkt 1
menüpunkt2
Bei border="0" sieht man kein ramen. das sieht noch besser aus.
