Gewusst wie: Erstellen eine Tabelle in eine Webseite

July 29

Also, wollen Sie lernen, wie man eine Tabelle in eine Webseite zu bauen? Sie müssen ein paar HTML-Tags zu lernen. Das erste Tag heißt "Table"-Tag, und es sieht so aus: < Tabelle >. Dies weist den Browser, den eine Tabelle ist in der Web-Seite gezeichnet werden. Sie hinzufügen Zeilen und Spalten der Tabelle mithilfe das < tr >-Tag, das eine neue Zeile innerhalb der Tabelle anzeigt, und das < td >-Tag, das verwendet wird, um anzugeben, dass die Daten der Tabellenzeile hinzugefügt werden.

Anweisungen

Gewusst wie: Erstellen eine Tabelle in eine Wesbite

1 Suchen Sie den Bereich in Ihrem HTML-Code auf Ihrer Webseite, in dem Sie die Tabelle erstellen möchten. Legen Sie das < Table >-Tag, in diesem Bereich.

2 Fügen Sie das Tag < tr > nach < Table >-Tag, Dies teilt dem Browser mit, dass eine neue Tabellenzeile entsteht. Fügen Sie dann das < td >-Tag, um dem Browser mitteilen, dass diese Zeile Daten (td steht für Tabellendaten) enthält. Es sollte aussehen wie diese, < Tabelle >< tr >< td >

3 Geben Sie den Text, Bild oder die gewünschten Informationen in der Tabellenzeile nach < tr >< td >-Tags enthalten. Der HTML-Code sieht wie folgt < Tabelle >< tr >< td > Ihren Text oder Bild geht hier. Um die Zeile zu beenden, verwenden Sie die Tags </tr >< / td >.

4 Sie können zusätzliche Zeilen hinzufügen, mit einem anderen Satz von < tr >< td >-Tags, nach den Tags </tr >< / td >.

5 Wenn Sie erstellen die Tabelle fertig sind, legen die < / table > Tag. Dies teilt dem Browser mit, dass die Tabelle jetzt "geschlossen."

Tipps & Warnungen

  • Wenn Sie mehrere Spalten Ihrer Tabelle hinzufügen möchten, fügen Sie einen < td >-Tag am Ende den Text oder das Bild der Zeile, nach dem ersten Tag < td >. Dies weist den Browser, den Weitere Informationen zur Tabelle hinzugefügt werden. Es wird automatisch eine andere Spalte bilden.
  • Hinzufügen von </tr >< / td >-Tags, die den Browser an, am Ende der Zeile zu sagen, ist nicht immer notwendig. Einige Browser übernehmen automatisch, dass die erste Zeile geschlossen wird, wenn ein anderes Set von < tr >< td > Tags verwendet werden, um eine neue Zeile zu deklarieren.
  • Beim Hinzufügen einer Zeile, die mehrere Spalten verfügt (< td > Tags), und eine Zeile, die nur eine Spalte hat, müssen Sie das Attribut < Colspan > verwenden, um die Tabellenzeile über die Spalten erstrecken. Es wird so aussehen...
  • < Tabelle >
  • < Tr >< td > Ihren Text...... mehr Text Text...
  • < Td > hier ist eine andere Spalte des Textes
  • < Td > hier ist eine weitere Spalte in dieser Zeile
  • </tr >< / td >
  • < tr >< td Colspan = "3" > Dies ist eine einzelne Zeile, die ich über die oben genannten drei Spalten erweitern möchten, so habe ich < Colspan = "3" > innerhalb des Tags.
  • < / table >
  • Tabellen können verwirrend sein, da der Browser diese anders interpretieren. Werden Sie vertraut mit der Verwendung von < Colspan > und < Rowspan > Attribute, Ihre Tabellenzellen zu ordnen, wie Sie angezeigt werden sollen.
  • Browser werden lesen < / table > Tags in verwirrenden Möglichkeiten auch, also wenn Sie eine Tabelle innerhalb einer Tabelle verwenden, oder < Table >-Tag in Ihre HTML-Code einfügen, bevor Sie Ihre erste Tabelle schließen überprüfen jede Seite in einem anderen Browser bevor Sie Ihre Seite veröffentlichen.

SIE KÖNNEN AUCH GERNE