Eine kurze Diskussion über die Produktion von HTML-Tabellen-Tags _HTML/Xhtml

Besprechen Sie hauptsächlich seine Struktur und einige wichtige Eigenschaften. Ich werde es in einer sich langsam verbessernden Weise einführen.
1) Die Grundstruktur ist wie folgt: repräsentiert eine Zeile in der Tabelle, repräsentiert eine Spalte in einer Zeile. Wenn man von einer Spalte spricht, kann man sie sich tatsächlich
als eine Zelle in einem Wort vorstellen. ist eigentlich eine Zelle, wird aber als Tabellentitel verwendet. Aus semantischer Sicht bedeutet
: gibt die Dateneinheit in der Tabelle an und gibt den Titel einer Spalte oder Zeile in der Tabelle an.

Code kopieren

Der Code lautet wie folgt:

>

2) Ein Titel kann ein Zeilentitel oder ein Spaltentitel sein. Wie kann man ihn unterscheiden? Sie müssen das Bereichsattribut „scope=row/col“ verwenden.

Code kopieren

Der Code lautet wie folgt:

>< /table>

3) Die Tabelle hat auch einen eigenen Titel

Der Code lautet wie folgt:

4) Geben Sie der Tabelle das Attribut „Einführungszusammenfassung hinzufügen“

Code kopieren

Der Code lautet wie folgt:

Table title

"col"> 🎜>5) Tabellenrandmodell und Zellenstandardauffüllung. Tabellenränder können auf zwei Arten angezeigt werden: getrennt und zusammengeführt. border-collapse: separate/collapse Der Standardstil von IE6 ist separat, was dreidimensional aussieht. Tatsächlich hat jede Zelle nur einen eigenen, unabhängigen Rand. Die Verschmelzung ist eine gemeinsame Grenze. table { border-collapse: compress; } Es gibt standardmäßig einen Leerraum zwischen den Zellen, um dies zu steuern. Da IE6 dies nicht unterstützt, wird es selten verwendet. IE6 Zellenabstand verwenden.

Code kopieren

Der Code lautet wie folgt:

Code kopieren

Der Code lautet wie folgt:

;
> yichang. Nachdem Sie die Tabelle in mehrere logische Bereiche unterteilt haben, können Sie CSS verwenden, um die Leistung besser
zu steuern.

Code kopieren

Der Code lautet wie folgt:

Tabellentitel
Name	Adresse	Geburtsdatum	hubei		td>
> 7) Teilen Sie die Tabelle logisch auf

< th Scope="col " id="name">Name col" id ="databirthday">Geburtsdatum

< ;td> ewee > >

In diesem Aufsatz geht es nur kurz um die Struktur der Tabelle, ich hoffe, dass er nützlich sein wird.

Verwandte Etiketten：

table 标签

Quelle：php.cn

Vorheriger Artikel：Der Unterschied zwischen HTML-Frame, Iframe und Frameset _HTML/Xhtml_Webseitenproduktion Nächster Artikel：Webdesign TabIndex Element_HTML/Xhtml_Webseitenproduktion

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 Artikel des Autors