Tabellen-Tags analysieren, td, th, tr nicht mehr verwechseln!

藏色散人
Freigeben: 2022-08-05 10:47:10
nach vorne
4297 Leute haben es durchsucht

Zusammenfassung

Ich beherrsche das Table-Tag in HTML nie besonders gut und verwechsle oft td, th und tr. Obwohl natives HTML in der aktuellen Entwicklung selten verwendet wird und grundsätzlich von anderen geschriebene Front-End-Komponenten verwendet werden, werden von anderen geschriebene Tabellenkomponenten im Allgemeinen entsprechend den Ebenen der nativen Tabelle entworfen. [Empfohlen:HTML-Video-Tutorial]

Lassen Sie es uns heute zusammenfassen!

Grundstruktur

td (Tabellendatenzelle) tfoot colspan stellt die Zusammenführung von Spalten dar; rowspan Zeigt die Zusammenführung von Zeilen an Case Zusammenfassung Außer dass th und td spezifische Daten angeben können, ähneln die anderen im Grunde den übergeordneten Tags, die keinen spezifischen Inhalt angeben können. th gibt den Spaltennamen in der Tabellenkopfzeile an und td gibt den spezifischen Datenwert an. Die Tabelle ist hauptsächlich in drei Teile unterteilt, nämlich den Kopfzeilenkopf, den Tabellendatenkörper tbody, den Tabellenfuß tfoot th und den übergeordnetes Element von td Die Beschriftungen sind alle tr, was bedeutet, dass th und td in tr platziert werden müssen
Tags Erklärung Allgemeine Attribute
Tabelle Tags der obersten Ebene border: Breite des Rahmens; width: Ausrichtung der Tabellendaten; cellpadding: Gibt den Abstand zwischen dem Inhalt jeder Zelle und dem Rand an Der Abstand zwischen benachbarten Zellen. thead. Die übergeordnete Beschriftung des Tabellenkopfes Kopf, denn im Allgemeinen hat eine Tabelle nur einen Spaltennamen. Die (Tabellenkopfzelle) stellt die Kopfzelle dar und die Daten darin sind der Spaltenname Das übergeordnete Tag des Formulardatenteils

Datenzelle, die spezifischen Daten werden in dieser Beschriftung platziert

stellt den Tabellenfuß dar
项目 单价/元 数量/斤 金额/元
白菜 1.00 3 3.00
西瓜 0.50 10 5.00
合计:8.00
Nach dem Login kopieren


Das obige ist der detaillierte Inhalt vonTabellen-Tags analysieren, td, th, tr nicht mehr verwechseln!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!