Tutorial zur HTML-Tabellenauszeichnung (1): Erstellen einer Tabelle
|
<br />Dies ist eine Reihe von Tutorials, die von 123WORDPRESS.COM bereitgestellt werden. Sie richtet sich hauptsächlich an Anfänger und erklärt die Anwendung von Tabellen in Webseiten, einschließlich der grundlegendsten Kenntnisse, einiger Tabellenkenntnisse usw. Wir hoffen, dass Sie 123WORDPRESS.COM unterstützen werden. Tabellen sind die beste Möglichkeit, Inhalte anzuordnen. In HTML-Seiten werden die meisten Seiten mithilfe von Tabellen angelegt. Mit der aktuellen Technologie haben jedoch einige Leute vorgeschlagen, DIV CSS zum Erstellen von Webseiten zu verwenden. Der Hauptzweck besteht darin, den Code der Webseite zu vereinfachen. Mittlerweile haben viele Websites das DIV CSS-Layout implementiert, aber beim Erstellen einer Webseite ist es für uns immer noch sehr wichtig zu lernen, wie man Tabellen erstellt. Deshalb werde ich es Ihnen genauer erklären. In der Syntax von HTML bestehen Tabellen hauptsächlich aus drei Tags: Tabellen-Tag, Zeilen-Tag und Zellen-Tag. Wie in der folgenden Tabelle gezeigt: Tabellenmarkierung Tag Beschreibung <TABLE>…</TABLE> Tabellen-Tag <TR>…</TR> Zeilen-Tag <TD>…</TD> Zellen-Tag Grundlegende Syntax 01 <PLATZ FÜR EINE TABELLE> 02 <TR> 03 <TD> …</TD> 04 … 05 </TR> 06 <TR> 07 <TD> …</TD> 08… 09 </TR> 10…… 11</TABLE> Syntax Das Tag <TABLE> stellt den Anfang der Tabelle dar, das Tag <TR> den Anfang der Zeile und der Inhalt zwischen <TD> und </TD> ist der Zelleninhalt. Die Beziehung zwischen diesen Tags verläuft von groß nach klein, Schicht für Schicht, von der größten Tabelle bis zur kleinsten Zelle. Eine Tabelle kann mehrere <TR>- und <TD>-Tags haben, die jeweils mehrere Zeilen und mehrere Zellen darstellen. Dateibeispiel: 10-1.htm Verwenden Sie die Tags <TABLE>, <TR> und <TD>, um eine Tabelle mit drei Zeilen und zwei Spalten zu erstellen. 01 <!-- ------------------------------ --> 02 <!-- Dateibeispiel: 10-1.htm --> 03 <!-- Dateibeschreibung: Eine Tabelle erstellen--> 04 <!-- ------------------------------ --> 05 <HTML> 06 <KOPF> 07 <TITLE>Einen Tisch bauen</TITLE> 08 </HEAD> 09 <KÖRPER> 10 <H1>Mainstream-Webdesign-Software</H1> 11 <PLATZ FÜR EINE TABELLE> 12 <TR> 13 <TD>Web-Bildsoftware</TD> 14 <TD>Feuerwerk</TD> 15 </TR> 16 <TR> 17 <TD>Software zur Erstellung von Webseiten</TD> 18 <TD>Traumweber</TD> 19 </TR> 20 <TR> 21 <TD>Web-Animationssoftware</TD> 22 <TD>Blitz</TD> 23 </TR> 24 </TABLE> 25 </BODY> 26 </HTML> Dateibeschreibung <br />Die Zeilen 11 bis 24 stellen eine vollständige Tabelle dar, die Zeilen 12 bis 15 stellen die erste Zeile der Tabelle dar, die Zeilen 16 bis 19 stellen die zweite Zeile der Tabelle dar und die Zeilen 20 bis 23 stellen die dritte Zeile der Tabelle dar. |
<<: Installations- und Nutzungsanalyse von Portainer, einem visuellen UI-Verwaltungstool für Docker
>>: Einführung in die MySQL-Operatoren <> und <=>
Artikel empfehlen
Implementierungsschritte für MySQL-Zusammenführungsergebnisse und horizontale Spleißfelder
Vorwort Vor kurzem habe ich an einer Berichtsfunk...
CSS3-Übergang zum Erreichen des unterstrichenen Beispielcodes
In diesem Artikel wird der Beispielcode für den C...
So starten Sie mehrere MySQL-Datenbanken auf einem Linux-Host
Lassen Sie uns heute darüber sprechen, wie Sie vi...
Vue implementiert die Anmeldung per Mobiltelefon-Bestätigungscode
In diesem Artikel wird der spezifische Code von V...
Detaillierte Erklärung zur Verwendung der Vue.js-Renderfunktion
Vue empfiehlt in den meisten Fällen die Verwendun...
Lassen Sie uns ausführlich über die Richtung der langsamen SQL-Optimierung in MySQL sprechen
Inhaltsverzeichnis Vorwort SQL-Anweisungsoptimier...
Ideen und Lösungen zur Fehlerbehebung bei hoher CPU-Auslastung in Linux-Systemen
Vorwort Als Linux-Betriebs- und Wartungsingenieur...
Öffnen Sie die App auf der h5-Seite in Vue (bestimmen Sie, ob es sich um Android oder Apple handelt).
1. Entwicklungsumgebung vue+vant 2. Computersyste...
mysql-5.7.28 Installations-Tutorial unter Linux
1. Laden Sie die Linux-Version von der offizielle...
Mysql-Optimierung Zabbix-Partitionsoptimierung
Der größte Engpass bei der Verwendung von Zabbix ...
Ausführliche Erläuterung der Auswirkungen von NULL auf Indizes in MySQL
Vorwort Ich habe viele Blogs gelesen und von viel...
JavaScript zum Anzeigen und Ausblenden von Bildern
JavaScript zeigt und verbirgt Bilder. Zu Ihrer In...
So verwenden Sie den Skeleton-Bildschirm im Vue-Projekt
Heutzutage ist die Anwendungsentwicklung grundsät...
Vue + OpenLayers Schnellstart-Tutorial
Openlayers ist ein modulares, leistungsstarkes un...
Upgrade der Docker-Version von MySQL 5.7 auf MySQL 8.0.13, Datenmigration
Inhaltsverzeichnis 1. Sichern Sie die alten MySQL...