HTML-Programmierung. 1. Aufbau einer Webseite. 2. Hintergrund für eine ganze Seite

Transkript

1 HTML-Programmierung Inhalt Seite 1. Aufbau einer Webseite 1 2. Hintergrund für eine ganze Seite 1 3. Kleine Farbtafel 2 4. Hexadezimalzahlen 2 5. Überschriften 3 6. Linien 3 7. Textformatierung 4 8. Sonderzeichen 5 9. Absatz Zeilenumbruch Bilder in der Webseite Anker Tabellen 9 1. Aufbau einer Webseite <HTML> Mit dem Befehl <HTML> wird eine Seite erstellt. <HEAD> <TITLE>Text (sollte kurz sein)</title> </HEAD> Die Internetseite enthält immer zwei Teile, den Dateikopf man nennt ihn HEAD - und den Dateikörper, den BODY. Der erste Teil, der Dateikopf, ist relativ kurz, und enthält Hinweise zur Seite, die aber von keinem Browser angezeigt werden. Suchmaschinen nützen diesen Teil jedoch, um Seiten zu finden. In ihm steht auch der Titel der Seite, nach <TITLE> wird er eingegeben und mit </TITLE> wird die Eingabe abgeschlossen. <BODY> Mit <BODY> wird der sichtbare Teil der Seite eingeleitet, der Dateikörper, der Texte, Bilder, Tabellen usw. enthalten kann. <h1><font>überschrift</font></h1> Ein Teil des Body kann eine Überschrift sein, die in einem bestimmten Schriftformat angezeigt werden soll. <p>text</p> In einem Absatz kann Text stehen, der selbstverständlich ebenfalls formatiert werden kann. soll. <p>bild, Tabelle</p> Ein anderer Absatz kann Bilder, Tabellen, Links anzeigen. </BODY> Immer muss der Body abgeschlossen werden. </HTML> Auch die Seite muss beendet werden. Der Browser muss wissen, dass seine Arbeit beendet ist. 2. Hintergrund für eine ganze Seite <BODY bgcolor="#aaaaaa"> Befehl setzt für die ganze Seite die Farbe #AAAAAA, also Grau, in den Hintergrund. <BODY Background="Bild1.gif"> Das Bild "Bild1.gif wird im Hintergrund der Seite angezeigt. Ist das Bild ist klein, dann wird es so oft wiederholt, bis die ganze Seite voll ist. Dieses Verfahren nennt man Kacheln, das deswegen sehr beliebt ist, weil nur wenig Speicherplatz gebraucht wird. Ist das Bild so groß wie die ganze Seite, dann wird es nur einmal angezeigt. Ein so großes Bild wird in der Regel aber nicht verwendet, weil der Surfer meist sehr lange warten muss, bis die Seite angezeigt wird. J. M. L. Pasquay Seite 1 von 10 tags.*

2 3. Kleine Farbtafel Farbname Farbnummer Farbname Farbnummer black # aliceblue #F0F8FF maroon # aquamarine #7FFFD4 green # azure #F0FFFF olive # beige #F5F5DC navy # brown #A52A2A purple # wheat #F5DEB3 teal # blueviolet #8A2BE2 gray # chocolate #D2691E silver #C0C0C0 coral #FF7F50 red #FF0000 orange #FFA500 lime #00FF00 pink #FFC0CB yellow #FFFF00 plum #DDA0DD blue #0000FF cyan #00FFFF fuchsia #FF00FF linen #FAF0E6 aqua #00FFFF lavender #E6E6FA white #FFFFFF gold #FFD Dezimal- und Hexadezimalzahlen 00=00 01=01 02=02 03=03 04=04 05=05 06=06 07=07 08=08 09=09 10=0A 11=0B 12=0C 13=0D 14=0E 15=0F 16=10 17=11 18=12 19=13 20=14 21=15 22=16 23=17 24=18 25=19 26=1A 27=1B 28=1C 29=1D 30=1E 31=1F 32=20 33=21 34=22 35=23 36=24 37=25 38=26 39=27 40=28 41=29 42=2A 43=2B 44=2C 45=2D 46=2E 47=2F 48=30 49=31 50=32 51=33 52=34 53=35 54=36 55=37 56=38 57=39 58=3A 59=3B 60=3C 61=3D 62=3E 63=3F 64=40 65=41 66=42 67=43 68=44 69=45 70=46 71=47 72=48 73=49 74=4A 75=4B 76=4C 77=4D 78=4E 79=4F 80=50 81=51 82=52 83=53 84=54 85=55 86=56 87=57 88=58 89=59 90=5A 91=5B 92=5C 93=5D 94=5E 95=5F 96=60 97=61 98=62 99=63 100=64 101=65 10=66 103=67 104=68 105=69 106=6A 107=6B 108=6C 109=6D 110=6E 111=6F 112=70 113=71 114=72 115=73 116=74 117=75 118=76 119=77 120=78 121=79 122=7A 123=7B 124=7C 125=7D 126=7E 127=7F 128=80 129=81 130=82 131=83 132=84 133=85 134=86 135=87 136=88 137=89 138=8A 139=8B 140=8C 141=8D 142=8E 143=8F 144=90 145=91 146=92 147=93 148=94 149=95 150=96 151=97 152=98 15=99 154=9A 155=9B 156=9C 157=9D 158=9E 159=9F 160=A0 161=A1 162=A2 163=A3 164=A4 165=A5 166=Ab 167=A7 168=A8 168=A9 170=AA 171=AB 172=AC 173=AD 17=AE 175=AF 176=B0 177=B1 178=B2 179=B3 180=B4 181=B5 182=B6 183=B7 184=B8 185=B9 186=BA 187=BB 188=BC 189=BD 190=BE 191=BF 192=C0 193=C1 194=C2 195=C3 196=C4 197=C5 198=C6 199=C7 200=C8 201=C9 202=CA 203=CB 20=C0 205=CD 206=CE 207=CF 208=D0 209=D1 210=D2 211=D3 212=D4 213=D5 214=D6 215=D7 216=D8 217=D9 218=DA 219=DB 220=DC 221=DD 222=DE 223=DF 224=E0 225=E1 226=E2 227=E3 228=E4 229=E5 230=E6 231=E7 232=E8 233=E9 234=EA 235=EB 236=EC 237=ED 238=EE 239=EF 240=F0 241=F1 242=F2 243=F3 244=F4 245=F5 246=F6 247=F7 248=F8 249=F9 250=FA 251=FB 252=FC 253=FD 254=FE 255=FF J. M. L. Pasquay Seite 2 von 10 tags.*

3 5. Überschriften (header) <h1> bis <h6> </h1> bis </h6> Überschrift in 6 Schriftgrößen <h1 align="left"> </h1> <h1 align="right"> </h1> <h1 align="center"> </h1> Linksbündig rechtsbündig zentriert <h1 align="justify"> </h1> <h3 align="center"> </h3> Blocksatz Beispiel: Überschriftgröße 3 zentriert 6. Linie (horizontal ruler) <hr> Eine horizontale Linie wird gezeichnet. <hr size="5"> Linie ist 5 Pixel dick. <hr size="2%"> Linie ist 2 % des Fensters dick. <hr width="500"> Linie ist 500 Pixel lang. <hr width="80%"> Linie ist 80 % des Fensters lang. <hr align="left"> Linie wird am linken Rand ausgerichtet. <hr align="right"> Linie wird am rechten Rand ausgerichtet. <hr align="center"> Linie wird zentriert. <hr color="red"> Linie wird rot gezeichnet. <hr color="#ff0000"> Linie wird rot gezeichnet. <hr noshade> Schattendarstellung ist abgeschaltet. <img src="linie.jpg"> Linie wird als Bild eingefügt. <hr width="5cm" size="5" align="center" color="#00ff00"> Linie von 5 cm Länge, 5 Pixeln Stärke, zentriert und in Grün wird eingefügt. J. M. L. Pasquay Seite 3 von 10 tags.*

4 7. Textformatierung <b> </b> <i> </i> <u> </u> <s> </s> <sup> </sup> <sub> </sub> <big> </big> <small> </small> <blink> </blink> <font> </font> fette Textstelle kursive Textstelle unterstrichene Textstelle durchgestrichene Textstelle hoch gestellte Textstelle tief gestellte Textstelle Textstelle eine Nummer größer Textstelle eine Nummer kleiner Schriftwahl Beispiel: <b>dieser Text ist fett </b>, danach <sup> hochgestellt </sup>, wieder normal, um gleich <i>kursiv</i> zu werden und nun zu <blink>blinken</blink> <font color= # > </font> <font color= #FFFFFF > </font> <font color= #FF0000 > </font> <font color= #00FF00 > </font> <font color= #0000FF > </font> schwarz weiß rot grün blau <font size=4> (1 bis 7) Größe 1 bis 7 <font size=+2> 2 größer als Grundschrift <font face="arial"> Schriftart Arial der Grundschrift <font face="arial","times"> Schriftarten Arial oder Times... Beispiel: <font face="arial","helvetica" color="#808080" size=4> Schriftart ist Arial oder Helvetica oder die Systemschrift in Farbe grau und Größe 4 </font> J. M. L. Pasquay Seite 4 von 10 tags.*

5 8. Sonderzeichen ä ä ä ö ö ö ü ü ü Ä Ä Ä Ö Ö Ö Ü Ü Ü ß ß ß < < < > > > & & & Anführungszeichen " " Geschütztes Leerzeichen  Beispiel 1 Beispiel 2 Lächle trotz gro&szligl;en Ärgers! Lächle trotz großen Ärgers! 9. Absatz Absatzbefehl <p> </p> Absatz Absatzausrichtung <p align="left"> </p> linksbündig <p align="right"> </p> rechtsbündig <p align="center"> </p> zentriert <p align="justify"> </p> Blocksatz Einrückung <blockquote> </blockquote> für eingerückte Zitate J. M. L. Pasquay Seite 5 von 10 tags.*

6 10. Zeilenumbruch Zeilenumbruch einfügen <br> kein Befehl Neue Zeile wird begonnen. Zeilenumbruch ausschließen <nobr> </nobr> Zeilenumbruch wird verhindert. Leerzeichen erzwingen Es werden so viele Leerzeichen gesetzt, wie oft das Zeichen eingegeben wird, sonst steht nur höchstens eines. Beispiel Dies ist ein fortlaufender Text mit Zeilenumbruch, <br> in den <nobr> ab hier aber ein Zeilenumbruch ausgeschlossen wird, bis der Endbefehl auftaucht, auch wenn die Zeile nicht mehr ohne Scrollen lesbar wird. </nobr> <br> Nach diesem erneutem Umbruch folgt ein Text mit sechs Leerzeichen. 11. Bilder in der Webseite > <IMG SRC="../Bild1.gif"> <IMG SRC="../Bilder/Geräte/Bild1.gif"> WIDTH=100 HEIGHT=125> WIDTH=100 HEIGHT=125 BORDER=2> ALT="Bildbeschreibung"> <A HREF="link.htm > > ALIGN="left">Text ALIGN="right">Text ALIGN="center">Text ALIGN="top">Text ALIGN="middle">Text </A> Die Quelle (SRC) des Bildes (IMG) ist die Datei "Bild1.gif", die im gleichen Verzeichnis liegt wie die htm-datei, die das Bild benötigt. Die Bilddatei "Bild1.gif" liegt im übergeordneten Verzeichnis, und zwar eine Ebene höher als die htm- Datei, die das Bild benötigt. Die Bilddatei "Bild1.gif" liegt in einem Seitenverzeichnis zur htm-datei. Man gelangt dorthin, indem man eine Verzeichnisebene höher steigt und anschließend die Unterverzeichnisse "Bilder" und "Geräte" nacheinander öffnet. Das Bild ist 100 Pixel breit (width) und 125 Pixel hoch (height). Diese Angabe sollte nie fehlen. Das Bild erhält einen Rahmen (border) von 2 Pixeln Breite. Wenn ein Browser ein Bild nicht anzeigen kann, sollte ein Alternativtext sichtbar sein, der eine Bildbeschreibung enthält Bei Klick auf das Bild - es könnte ein Button sein - wird die Datei "link.htm" angezeigt. Das Bild steht links, die erste Zeile des Textes rechts davon. Das Bild steht rechts, die erste Zeile des Textes links davon. Links und rechts des Bildes steht die erste Zeile des Textes. Die erste Zeile des Textes steht am oberen Rand des Bildes. Die erste Zeile des Textes steht in der Mitte des Bildes. J. M. L. Pasquay Seite 6 von 10 tags.*

7 ALIGN="bottom"> Text <p> > </p> ALIGN="top ALIGN="left > Text HSPACE=50> VSPACE=75> ALIGN= left HSPACE=50 VSPACE=75> 12. Anker <A> </A> <A HREF="#Zielstelle1"> Absprungwort </A> <A Name="Zielstelle1"> Zielstellenwort </A> Der Text beginnt am unteren Bildrand. Das Bild wird in einen eigenen Absatz gesetzt, der ausschließt, dass andere Elemente, z.b. Text, darin vorkommen. Der Text beginnt am oberen Bildrand und fließt rechts um das Bild herum. Diese Variante ist optisch viel ansprechender als die vorigen. Um das "Bild1.gif" fließt Text in einem horizontalen Abstand (HSPACE) von 50 Pixeln links und rechts um das Bild herum. Um das "Bild1.gif" fließt Text in einem vertikalen Abstand (VSPACE) von 75 Pixeln oben und unten um das Bild herum. Um das "Bild1.gif" fließt Text rechts herum, und zwar in einem horizontalen Abstand (HSPACE) von 50 Pixeln. Der vertikale Abstand (HSPACE) beträgt 75 Pixel. Align="left" oder Align="right" muss anscheinend angegeben werden, damit der Befehl funktioniert. Ein Anker wird gesetzt. Man möchte bei Klick auf das Wort "Absprungwort", das jeder beliebige Text sein kann, zur Zielstelle 1 springen. Dazu wird die Textstelle "Absprungwort" mit einem Anker versehen. Der Browser hebt dieses Textstelle optisch hervor, meist grün und unterstrichen. Wenn man nach dem Klick auf die Textstelle "Absprungwort" beim "Zielstellenwort" landen soll, muss vor diesem Wort der Zielstellenanker "Zielstelle1" gesetzt werden. Beispiel Absprungstelle <p>von dem folgenden Absprunganker <A HREF="#Zielstelle1"> Absprungwort </A> soll der Surfer zum gewünschten Ziel abspringen können. Das Absatzzeichen ist aber nur nötig, wenn ein neuer Absatz begonnen werden soll.</p> Vom Browser wird folgender Text angezeigt: Von dem folgenden Anker Absprungwort soll der Surfer zum gewünschten Ziel abspringen können. Das Absatzzeichen ist nur nötig, wenn ein neuer Absatz begonnen werden soll. Beispiel Zielstelle <p>dieses <A Name="Zielstelle1"> Zielwort </A> soll das Ziel sein, an dem der Surfer ankommen soll. Diese Zielstelle wird im Browser aber nicht sichtbar gemacht. Das Absatzzeichen ist auch hier nur nötig, wenn dieser Satz in einem neuen Absatz stehen soll. </p> Vom Browser wird folgender Text angezeigt: Dieses Zielwort soll das Ziel sein, an dem der Surfer ankommen soll. Diese Zielstelle wird im Browser aber nicht sichtbar gemacht. Das Absatzzeichen ist auch hier nur nötig, wenn dieser Satz in einem neuen Absatz stehen soll. J. M. L. Pasquay Seite 7 von 10 tags.*

8 <A HREF="Datei.htm"> Absprungwort </A> Man öffnet die Datei "Datei.htm", die im selben Verzeichnis liegt, in dem man gerade ist. Angezeigt wird der Dateianfang. <A HREF="Datei.htm#Zielstelle3"> Absprungwort </A> <A HREF="Verz_3/Datei.htm"> Absprungwort </A> <A HREF="Verz_3/Datei.htm#Zielstelle3"> Absprungwort </A> <A HREF="../Datei.htm"> Absprungwort </A> <A HREF="Verz_3/Datei.htm#Zielstelle3"> Absprungwort </A> <A HREF="../Verz_3/Verz_31/Datei.htm"> Absprungwort</A> <A HREF=" Absprungwort</A> <A HREF="Datei.htm"> ALT="Bild 1" BORDER="0"> </A> <A an Andy Maier </A> <a href="program.exe" type="application/octet-stream"> Download </a> des Programmes "program.exe" <br> <a href="buch.doc" type="application/msword"> Download </a> der Textdatei "Buch.doc" <br> Man öffnet die Datei "Datei.htm", die im selben Verzeichnis liegt, und erhält die Zielstelle 3 angezeigt, die auch am Ende der Datei liegen kann. Man öffnet die Datei "Datei.htm", die im Verzeichnis "Verz_3" unterhalb liegt. Angezeigt wird der Dateianfang. Man öffnet die Datei "Datei.htm" im untergeordneten Verzeichnis "Verz_3" und erhält die Zielstelle 3 angezeigt. Man öffnet die Datei "Datei.htm" im übergeordneten Verzeichnis. Der Verzeichnisname muss nicht angegeben werden. Angezeigt wird der Dateianfang. Man öffnet die Datei "Datei.htm" im untergeordneten Verzeichnis "Verz_3" und erhält die Zielstelle 3 angezeigt. Man öffnet die Datei "Datei.htm", zu der man gelangt, wenn man zuerst das übergeordnete Verzeichnis öffnet und anschließend die Unterverzeichnisse "Verz_3" und Verz_31". Die Datei "Datei.htm" liegt im Internet. Man erreicht sie über das Verzeichnis " Man fügt einfach in den Anker ein Bild ein, das als Anker dient und bei Klick darauf zur Zielstelle führt. Wenn das Bild keinen Rahmen erhalten soll, wird dies durch BORDER="0" angegeben. Mit einem Klick auf den Text " an Andy Maier" ruft man das -Fenster auf, in das man den Text eingibt, den man an Andy Maier abschicken will. Mit einem Klick auf den Text "Download" beginnt das Herunterladen der Programmdatei "program.exe". Der Übertragungstyp type="application/octetstream" wird gebraucht, wenn ein Programm übertragen werden soll. Ein Klick auf den Text "Download" startet das Herunterladen der Worddatei "Buch.doc". Der Übertragungstyp type="application/msword" ist nötig, wenn eine Worddatei übertragen werden soll. J. M. L. Pasquay Seite 8 von 10 tags.*

9 13. Tabellen <TABLE border="1" align="left" cellpadding=5 bgcolor= #FF0000 cellspacing=7> <tr> <td width="25%"> Hefte </td> <td width="25%"> Bücher</td> <td width="25%"> Stifte</td> </tr> Der Befehl erstellt eine Tabelle mit folgenden Eigenschaften: Rand: 1 Pixel Breite, Textausrichtung am linken Innenrand, Textabstand zum Rand 5 Pixel, Hintergrundfarbe: rot, Zellenabstand beträgt 7 Pixel. Die erste Zeile wird erstellt. Die erste Tabellenzelle mit Text "Hefte" wird erstellt. Die zweite Tabellenzelle mit Text "Bücher" wird erstellt. Die dritte Tabellenzelle mit Text "Stifte" wird erstellt. Die erste Zeile wird geschlossen. <tr> Die zweite Zeile wird erstellt. <td> <img src="heft.gif" </td> Die erste Tabellenzelle mit dem Bild "heft.gif" wird erstellt. <td > <img src="buch.jpg"> </td> Die zweite Tabellenzelle mit dem Bild "buch.jpg"wird erstellt. <td > <img src="stifte.gif"> Die dritte Tabellenzelle mit dem Bild </td> "stifte.jpg"wird erstellt. </tr> Die zweite Zeile wird geschlossen. Weitere Zeilen können folgen. </TABLE> Die Tabelle wird geschlossen. Attribute und mögliche Werte für eine Tabelle BORDER="0" Attribut bestimmt die Rahmengröße in Pixeln, hier: kein Rahmen. ALIGN="left" Attribut richtet den Inhalt der ganzen Tabelle linksbündig aus. ALIGN="right" Attribut richtet den Zellinhalt der ganzen Tabelle rechtsbündig aus. ALIGN="center" Attribut richtet den Zellinhalt der ganzen Tabelle zentriert aus. ALIGN="justify" Attribut richtet den Zellinhalt der ganzen Tabelle im Blocksatz aus. CELLPADDING=6 Attribut bestimmt den Innenabstand zum Text usw. in 6 Pixeln. CELLSPACING= 5 Attribut bestimmt den Außenabstand der Zellen voneinander in 5 Pixeln. WIDTH=300 Attribut bestimmt die Breite der Tabelle in Pixeln: 300. WIDTH=30% Attribut bestimmt die Breite der Tabelle in Pixeln: 30 % des Fensters. BGCOLOR=red Attribut bestimmt die Hintergrundfarbe der Tabelle: rot. BGCOLOR=#FF0000 Attribut bestimmt die Hintergrundfarbe der Tabelle: rot. RULES=none Attribut setzt Linien in der Tabelle: keine. RULES=rows Attribut setzt Linien in der Tabelle: nur horizontale Linien. RULES=cols Attribut setzt Linien in der Tabelle: nur vertikale Linien. RULES=all Attribut setzt Linien in der Tabelle: überall. FRAMES=void Attribut setzt Linien am Außenrand der Tabelle: keine. FRAMES=above Attribut setzt Linien am Außenrand der Tabelle: am oberen Rand. FRAMES=below Attribut setzt Linien am Außenrand der Tabelle: am unteren Rand. FRAMES=hsides Attribut setzt Linien am Außenrand der Tabelle: oben und unten. FRAMES=lhs Attribut setzt Linien am Außenrand der Tabelle: am linken Rand. J. M. L. Pasquay Seite 9 von 10 tags.*

10 FRAMES=rhs Attribut setzt Linien am Außenrand der Tabelle: am rechten Rand. FRAMES=vside Attribut setzt Linien am Außenrand der Tabelle: links und rechts. FRAMES=border Attribut setzt Linien am Außenrand der Tabelle: an allen Seiten. FRAMES=box Attribut setzt einen Rahmen um die Tabelle herum. Bordercolor="000000" Die Tabelle erhält eine schwarze Linie als Rand. Bordercolordark="FF0000" Die Tabelle erhält einen 3D-Rand, dessen dunklerer Teil rot ist. Attribute und mögliche Werte für eine Tabellenzeile (tablerow) ALIGN="left" Attribut richtet den Zellinhalt der ganzen Zeile linksbündig aus. ALIGN="right" Attribut richtet den Zellinhalt der ganzen Zeile rechtsbündig aus. ALIGN="center" Attribut richtet den Zellinhalt der ganzen Zeile zentriert aus. ALIGN="justify" Attribut richtet den Zellinhalt der ganzen Zeile im Blocksatz aus. ALIGN="char" Attribut richtet den Zellinhalt der ganzen Zeile an einem bestimmten Zeichen aus. CHAR="," Attribut bestimmt das Zeichen (hier das Komma), an dem sich der Inhalt ausrichtet. CHAROFF="70%" Attribut bestimmt die Stelle des Zeichens, an dem sich der Zellinhalt ausrichtet. VALIGN="top" Attribut setzt den Zellinhalt der Zeile an oberen Rand der Zellen. VALIGN="middle" Attribut setzt den Zellinhalt der Zeile in die Mitte der Zellen. VALIGN="bottom" Attribut setzt den Zellinhalt der Zeile an den unteren Rand der Zellen. VALIGN="baseline" Attribut setzt die erste Zeile aller Zellen an die Grundlinie. Attribute und mögliche Werte für eine Tabellenzelle (tabledata) ALIGN="left" Attribut richtet den Zellinhalt linksbündig aus. ALIGN="right" Attribut richtet den Zellinhalt rechtsbündig aus. ALIGN="center" Attribut richtet den Zellinhalt zentriert aus. ALIGN="justify" Attribut richtet den Zellinhalt im Blocksatz aus. ALIGN="char" Attribut richtet den Zellinhalt an einem bestimmten Zeichen aus. CHAR="," Attribut bestimmt das Zeichen (hier Komma), an dem sich der Zellinhalt ausrichtet. CHAROFF="70%" Attribut bestimmt die Stelle des Zeichens, an dem sich der Zellinhalt ausrichtet. VALIGN="top" Attribut setzt den Zellinhalt an oberen Rand der Zellen. VALIGN="middle" Attribut setzt den Zellinhalt in die Mitte der Zellen. VALIGN="bottom" Attribut setzt den Zellinhalt an den unteren Rand der Zellen. VALIGN="baseline" Attribut setzt die erste Zeile an die Grundlinie. WIDTH="20%" Attribut bestimmt die Breite der Zelle: 20 % des Fensters. WIDTH="20px" Attribut bestimmt die Breite der Zelle: 20 px. HEIGHT="8%" Attribut bestimmt die Höhe der Zelle: 8 % des Fensters. HEIGHT="5px" Attribut bestimmt die Höhe der Zelle: 5 Pixel hoch. COLSPAN=3 Attribut verbindet 3 Zellen waagrecht miteinander zu einer einzigen. ROWSPAN=3 Attribut verbindet 3 Zellen senkrecht miteinander zu einer einzigen. NOWRAP Der Text wird am rechten Rand nicht umgebrochen. BGCOLOR="red" Die Hintergrundfarbe der Zelle wird auf Rot gesetzt. J. M. L. Pasquay Seite 10 von 10 tags.*