Gebäude Tabellen

Gebäude Tabellen

Die Tische im "Original" Bedeutung des Wortes bei der Erstellung Web-Seiten natürlich auch für ihre direkte Zweck verwendet, aber nicht überall sind sie für das Seitenlayout verwendet. Mit ihnen wird die Site-Seite in mehrere Abschnitte unterteilt, wobei die Anzahl der Teile, die nicht beschränkt ist. Zusammen mit ihrem großen Potenzial drgug andere und eine große Auswahl an Strukturierung zu positionieren - eine Möglichkeit, Seiten mit Tabellen zu markieren macht das Beste bisher Werkzeug für Web-Designer. Es gibt zwei Möglichkeiten gewesen Seiten zu füllen - mit Hilfe eines Software-Designer und Verwendung von Frames. Zuerst hat Vorteile in der Benutzerfreundlichkeit (Benutzerobjekte visuell ohne Kenntnisse von HTML positioniert sind) haben einen erheblichen Nachteil - sie schaffen eine Seite nur für eine bestimmte Erweiterung des Bildschirms. An den anderen Erweiterungen der Seite korrekt angezeigt wird. Mit Frames alles noch schlimmer - sie nicht "sehen", die Suchmaschinen. Verwenden Sie daher fast immer die Methodentabelle und bieten Sie dieses Thema mit besonderer Aufmerksamkeit zu nähern.

Stichworte Tabellen

Tag insgesamt vier Tabellen zu erzeugen. Sie sollten auswendig kennen:

  1. <TABLE> - zeigt an, dass die Tabelle auf der Seite erstellt wird.
  2. <TR> - bildet eine Zeile in der Tabelle.
  3. <TD> - bildet eine Zelle in der Tabelle.
  4. <TH> - gibt an, wo die Tabelle die Überschrift sein wird.

Das Öffnen und Schließen - Tag wird ein Container genannt. Container <TD> Zellinhalt </ TD> in Behälter eingefügt <TR> Tabellenzeile </ TR> (und der andere kann jede beliebige Zahl), die diese wiederum bereits in der <TABLE> Tabelle als Ganzes </ TABLE>. Bei Bedarf kann das Tag <TD> Änderungen <TH>. Ganz einfach, wie die "russische Verschachtelung Puppe". Hier ist ein Beispiel:

<TABLE> <TR> <TD > </ TD> <TD> </ TD> </ TR> <TR> <TD> </ TD> <TD> </ TD> </ TR> </ TABLE>

Legen Sie eine Tabelle in eine andere Tabelle in einem Behälter sein sollte <TD> </ TD> und nichts anderes. Beispiel:

.... Eine weitere Tabelle .... <TD> <TABLE> Tabellen einfügen </ TABLE> </ TD> .... eine andere Tabelle ......

Im HTML-Code für eine einfache notwendig, jeden Tag auf einer neuen Zeile zu schreiben. Aber wenn man alles in einer Art und Weise schreiben, die oben dargestellt ist, im Browser werden Sie nichts sehen. Browser nicht "sieht" alle Parameter der Tabelle oder Tabellen. Sie werden durch die Werte ihrer Attribute angegeben.

Die Attribute des Tags <TABLE>

Die Attribute für das Tag <TABLE> nötig sind, um das Aussehen der Tabelle (Größe, Farbe, Linienstärke) sowie die Position der Tabelle auf der Seite zu bestimmen. Im Folgenden finden Sie eine Liste von ihnen:

  • Breite - Die Breite der Tabelle (Wert in Pixel (px) oder in Prozent)
  • Höhe - Höhentabelle (Wert in Pixel (px) oder in Prozent)
  • ALIGN - richten Sie die Tabelle auf der Seite (Werte: links, rechts, Mitte)
  • Die Grenze - die Dicke des Tischrahmens (Wert in Pixel, die möglicherweise - Null (unsichtbaren Rahmen)
  • BORDER - bestimmt die Farbe des Rahmens des Tisches
  • BGCOLOR - Hintergrundfarbe der Tabelle
  • HINTERGRUND - stellt die Tabelle Hintergrundbild
  • CELLSPACING - der Abstand zwischen den Zellen in der Tabelle
  • CELLPADDING - der Abstand zwischen der Begrenzung der Zelle und dem Text

Die Attribute des Tags <TD>

Tabelle Zelle Attribute haben den gleichen Namen und die Messwerte als Tabelle mit dem einzigen Unterschied , dass sie nicht die letzten zwei Attribut in der Liste verwendet haben (siehe. Oben), aber hinzugefügt , die vertikale Ausrichtung der Zellen Attribute VALIGN mit den Werten nach oben (oben), Mitte (Mitte) und die botton (unten) und COLSPAN - die Vereinigung von einer Gruppe von Zellen , die mit einem numerischen Wert , der gleich der Anzahl der verbundenen Zellen.

Die Attribute des Tag <TR>

  • WIDTH - die Breite der Zeilen der Tabelle (Werte in Pixel (px))
  • Höhe - Höhe der Zeile in der Tabelle (Werte in Pixel (px))
  • REGELN - Art Extension (Werte - alle (alle), Zeilen (horizontal), cols (vertikal), keine (none)
  • FRAME - Art von externen Leitungen (Werte - Box (alle), linke Skala (links), rhs (rechts), oben (oben), unten (unten), vsides (links und rechts), hsides (untere und obere), volid (kein )
  • COLGROUP - die Trennlinie zwischen Gruppen von Zellen

Um alle oben genannten Attribute auf dieser Seite hinzugefügt werden sollte, dass sie nicht alle auf einmal jeder Tag verwendet werden, erhöhen Sie die Lautstärke nur auf dieser Seite. sie werden nach Bedarf verwendet.

Der Aufbau der Tabellen gibt es einen weiteren Tag <TBODY>. Es ist aus der Tabelle der Elemente und Gruppen bestimmt ist optional.

Nun wollen wir festigen das Material eine einfache Seitenlayout mit Hilfe von Tabellen erzeugen. Öffnen Sie einen beliebigen Texteditor. Wenn Sie möchten, bei einer Auflösung von 800x600 Einzüge von den Rändern des Bildschirms zu vermeiden, wird der Tag <BODY> schreiben:

<BODY leftmargin = "0" topmargin = "0" marginwidth = "0" margin = "0">

Ferner wird in dem Behälter <BODY>, geben Sie Folgendes:
<Table width = "780" height = "580" border = "0" align = "center"
<TR> <td colspan = 2 height = "100" bgcolor = "red" align = "center"> Titel </ TD> </ TR>
<TR> <TD width = "200" bgcolor = "gray"> Menü </ TR> </ TD>
<TR> <TD width = "580"> Text </ TR> </ TD> </ TABLE>
Speichern und aktivieren Sie im Browser in verschiedenen Modi der Erweiterung des Bildschirms.

Aufgabe:

Die tabellarische Experiment mit Text, es anders in Bezug auf unterschiedliche Zellen und wiederholen Sie die gleiche Sache, aber mit den Tabellen ausrichten.