So erstellen Sie eine einfache Tabelle auf Ihrer Webseite

Tabellen können Sie Informationen über Ihre Web-Seite zu organisieren und geben ihm eine organisierte Blick, dass Ihre Besucher nützlich finden. Bei bestimmungsgemäßer Verwendung, haben Tabellen Zeilen und Spalten. Für jede Stelle, wo eine Zeile und Spalte schneiden, haben Sie eine Tabellenzelle. Jede Zelle kann eine eigene Formatierung aufweisen: die Daten in sie kann links, mittig ausgerichtet werden, oder nach rechts, formatiert und so weiter. Tabellen auch Kopfdatenzellen haben, in dem Sie die Spaltenüberschriften setzen. Sie können eine Tabelle im Editor erstellen. Hier ist der HTML-Code für eine einfache Tabelle dieser Art:

Produktion (Tonnen)% Der Ziel
> Nord 4087102%
Süd 4093110%

Dies ist, wie diese einfache Tabelle sieht in HTML und wenn in Internet Explorer angezeigt.

Eine einfache Web-Tabelle und ihre einfache HTML-Quelle.
Eine einfache Web-Tabelle und ihre einfache HTML-Quelle.

Hier ist, was jeder Teil des HTML-Codes tut:

  • : Das TABELLE Tag beginnt und endet die Tabelle. Das RAND Attribut erstellt ein 2-Pixel breiten Rand um den Tisch. Vergessen Sie nicht, eine Grenze, so dass andere Text und Grafiken in Ihrer Web-Seite nicht Menschenmenge zu nah an den Tisch zu schließen.

  • , : Diese Tags beginnen und die Tabellenzeile zu beenden.

  • ,: Diese Tags umgeben Tabellenkopfdaten. Tabelle Kopfdaten werden automatisch als fett und zentriert formatiert.

  • , : Diese Tags beginnen und die Tabellendatenelement zu beenden.

So eine Tabelle in HTML zu schaffen ist ziemlich einfach, aber auch ziemlich langweilig. Sie legen nur die Zeilen und Daten items-, wenn Sie die Datenelemente richtig, die Säulen für sich selbst sorgen.

die Datenelemente immer Recht kann ein Problem sein, wenn. Um Ihren Tisch Blick genau richtig zu machen, müssen Sie die Ausrichtung und Formatierungsoptionen verwenden. sehr schwer, Fehler zu machen wird viel zu einfach, und wird die Tabellen Aussehen zu aktualisieren. Das ist, warum so viele Menschen einen HTML-Editor wie CoffeeCup zum Erstellen und Tabellen verwalten und dann in einigen Fällen zu tun in HTML endgültig Zwicken, um sie genau richtig.

Ähnliche

Menü