Anfänger haben es mit Webmastern zu tunviele Probleme. Es scheint, dass Sie bereits heute Vorlagen zum Erstellen Ihrer Websites verwenden können. Das Problem ist jedoch, dass diese nicht immer die erforderlichen Eigenschaften aufweisen. Anschließend müssen Sie entweder ein Website-Design von Grund auf neu erstellen oder Änderungen am vorhandenen Code vornehmen. Hier sind Kenntnisse des HTML-Codes und minimale Ideen zum Festlegen des Hintergrunds und der Farbe der Seite, zum Einfügen eines Bilds oder Videos und zum Erstellen einer Tabelle in HTML erforderlich.
Erste Schritte auf einem Tisch
Eines der schwierigsten Dinge beim MarkupHTML-Seiten sind Tabellen. Und das Problem liegt nicht in der Komplexität der Tags, die eigentlich nicht so schwer zu merken sind, sondern in der Tatsache, dass Sie beim Schreiben von Code leicht Fehler machen können - vergessen Sie, eine zusätzliche Zeile oder Zelle zu schreiben, geben Sie den Text an der falschen Stelle ein und andere Kleinigkeiten . Außerdem ist die Wahrscheinlichkeit eines Fehlers umso größer, je größer der Tisch ist.
Wir empfehlen daher, dass Sie sich beim Erstellen einer Tabelle in HTML so weit wie möglich konzentrieren und nicht abgelenkt werden.
Zunächst sollten Sie eine zukünftige Tabelle auf ein Blatt Papier zeichnen und notieren, in welcher Zelle Sie sich befinden und welche Hauptparameter für dieses oder jenes Element Sie haben.
Далее следует подсчитать количество строк в Tabelle sowie die Anzahl der Zellen in jeder Zeile. Wir empfehlen Ihnen auch, Elemente wie das Vorhandensein von Bildern in der Tabelle, die Hintergrundfarbe, die Ränder und den Text zu notieren. Erst dann können Sie mit den aufgezeichneten Informationen eine HTML-Tabelle erstellen.
Editor
Итак, вы создали макет таблицы.Nun müssen Sie den entsprechenden Editor auswählen, um ihn zu erstellen. Sie können spezielle Site-Designer auswählen und eine Tabelle daraus erstellen. Mit dieser Software ist das Erstellen einer Tabelle nicht schwieriger als in einem Word-Dokument. Sie können ein Programm wie FrontPage auswählen. Trotz der Tatsache, dass das Programm ziemlich alt ist, können Sie mit seiner Hilfe gute Websites erstellen und außerdem mehr als ein Tutorial dazu finden.
Wenn Sie eine HTML-Tabelle mit erstellen möchtenspeziellen Code können Sie für diese Zwecke einen regulären Notizblock oder ein reguläres Word-Dokument verwenden. Richtig, hier müssen Sie hart arbeiten, da das Schreiben von Code viel Zeit in Anspruch nimmt.
Можно воспользоваться редактором, встроенным в Website-Engine selbst. Wenn Sie also in vielen Engines einen Datensatz erstellen, können Sie verschiedene Elemente, einschließlich Tabellen, hinzufügen. Auch wenn Sie mit den grundlegenden Funktionen des Editors nicht zufrieden sind, ist es einfacher, Änderungen am Code vorzunehmen, als ihn von Grund auf neu zu schreiben.
Tags
Egal welcher Redakteur Sie sindBevor Sie mit dem Erstellen einer Tabelle in HTML beginnen, sollten Sie sich die wichtigsten Tags merken. Es gibt drei davon -
,
und
. Beachten Sie, dass alle Tags gekoppelt sind. Das erste Tag kennzeichnet die gesamte Tabelle, das zweite die Zeile, das dritte die Zelle in der Zeile.
Ein bisschen mehr zu jedem der Tags.Eine Tabelle beginnt immer mit dem Tag
und endet mit . Für jeden Browser ist dies ein Symbol für die Tatsache, dass sich die Tabelle davor befindet. Als nächstes werden die Zeilen geschrieben, die das
-Tag öffnen und beenden. In jeder Zeile wird mithilfe der Tags
und die Anzahl der Zellen registriert.
Somit sieht der 2x2-Tabellencode folgendermaßen aus:
Sie können eine Tabelle in den HTML-Code der Seite einfügen, indem Sie sie aus dem ausgewählten Editor kopieren.
Tabellen-, Zeilen- und Zellenoptionen
Also haben wir den Basiscode sortiert.Lassen Sie uns nun darüber sprechen, wie Sie den Tisch verbessern, heller und attraktiver gestalten können. Dazu müssen Sie die grundlegenden Parameter von Tags kennen. Sie werden in das öffnende Tag geschrieben, und nach jedem Parameter wird ein Gleichheitszeichen eingefügt, und dann wird der in Anführungszeichen gesetzte Wert geschrieben. Beispielsweise wird der Hintergrund in der HTML-Tabelle folgendermaßen festgelegt:
.
Wir listen einige grundlegende Parameter auf, die für Sie am nützlichsten sind. Beginnen wir mit der Tabelle selbst.
Das Einstellen der Rahmenbreite hilft dem Rahmenparameter, der einen beliebigen numerischen Wert annehmen kann. Rahmenfarbe legt die Rahmenfarbe fest. Der allgemeine Hintergrund wird von bgcolor festgelegt.
Wenn Sie den Hintergrund der Tabelle zu einem Bild machen möchten, verwenden Sie den Hintergrund und geben Sie die URL des Bildes an.
Richten Sie den Inhalt der Seite an der Tabelle aus, um die Ausrichtung zu erleichtern. Dabei können die Werte left, center und right verwendet werden.
Das gepaarte
-Tag hilft beim Festlegen des Titels, der unmittelbar nach dem öffnenden
-Tag geschrieben wird.
Ein bisschen über String-Optionen.Die Farbe der Zellen in der Zeile wird mit bgcolor festgelegt. Die horizontale Textausrichtung kann mit dem Parameter align (left, center oder right), vertical - valign (nimmt die Werte top, middle oder bottom an) erfolgen.
In Bezug auf die Zelle kann angemerkt werden, dass die Hintergrundfarbe und das Hintergrundbild für sie unter Verwendung der gleichen Parameter wie für die gesamte Tabelle festgelegt werden. Sie können Text mit den Optionen "Ausrichten" und "Ausrichten" ausrichten.
Es gibt auch spezielle Parameter - Colspan und Rowspan.Mit der ersten Option können Sie die Anzahl der Spalten angeben, über die sich die Zelle erstrecken soll. Der zweite Wert legt die Anzahl der Zeilen fest, auf die sich diese Zelle erstrecken kann.
Das sind die nützlichsten Optionen.
Farbkarte
Lassen Sie uns ein paar Worte über eine nützliche Sache wieFarbkarte. Mit seiner Hilfe werden der Hintergrund der Seite, die Farbe des Texts, Links und andere Elemente festgelegt. Die Farbkarte enthält ca. 216 Farben und Schattierungen. Jeder von ihnen hat einen eigenen Hex-Code.
Der Code selbst beginnt mit einem Nummernzeichen und enthältdrei Paare von Zahlen oder Buchstaben. Zum Beispiel ist die grüne Farbe in der Tabelle Code # 007F0. Jedes Paar gibt die Intensität einer der drei Grundfarben an - Rot, Grün und Blau. Anhand der Tabelle können Sie die gewünschte Farbe auswählen und anhand des Codes einstellen.
Wenn Sie nicht die Möglichkeit haben, die Tabelle zu verwenden, können Sie die Farbe anhand des englischen Namens festlegen.
Inhalt
Несколько слов о самом содержимом.Am häufigsten sehen wir natürlich den Text in der HTML-Tabelle, aber das bedeutet nicht, dass nur wir ihn dort ablegen können. Zellen und Linien können auch Bilder, Audio- und Videodateien sowie Links enthalten.
Um Text oder andere Informationen in eine Zelle (Zeile) einzufügen, müssen Sie diese zwischen zwei Tags registrieren. Zum Beispiel:
Name . In der Zelle wird "Name" angezeigt.
Sie können Grafikinformationen und Mediendateien mit speziellen Tags platzieren - ,
Tipps
Abschließend geben wir einige nützliche Tipps, mit denen Sie schnell eine HTML-Tabelle beliebiger Komplexität erstellen können.
Wenn Sie eine Tabelle schreiben, empfehlen wir Ihnen, sich zuerst zu registrierenTabellen-Tags selbst und ihre Hauptparameter. Notieren Sie sich dann die Zeilenbezeichnungen. Beginnen Sie jedes Paar mit einer neuen Linie. Sie sehen also, wie viele Zeilen sich in Ihrer Tabelle befinden. Notieren Sie auch die Parameter der Zeichenkette oder der Zeichenketten, falls sie von den Hauptparametern abweichen. Dann empfehlen wir Ihnen, jede Zelle auch von einer neuen Leitung aus zu registrieren. Und es ist ratsam, ein oder zwei Tabulatoren von der Kante zu machen. Auf diese Weise sehen Sie die Codestruktur ziemlich klar.
Es wird empfohlen, den Inhalt von Zellen und Zeilen ganz am Ende zu schreiben, wenn der Tabellenrahmen fertig ist.
