suchen

Heim >Web-Frontend >HTML-Tutorial >Eine kurze Diskussion über die Produktion von HTML-Tabellen-Tags _HTML/Xhtml_web

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

WBOY
WBOYOriginal
2016-05-16 16:42:141536Durchsuche

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
NameAdresse Geburtsdatumhubei
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.
Stellungnahme：
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
Vorheriger Artikel：Der Unterschied zwischen HTML-Frame, Iframe und Frameset _HTML/Xhtml_WebseitenproduktionNächster Artikel：Der Unterschied zwischen HTML-Frame, Iframe und Frameset _HTML/Xhtml_Webseitenproduktion

In Verbindung stehende Artikel

Mehr sehen
Tabellentitel
19880103< ;td>