Heim > Web-Frontend > HTML-Tutorial > Drei wichtige Tabellen-Tags in h5 (Tabelle tr td)

Drei wichtige Tabellen-Tags in h5 (Tabelle tr td)

零下一度
Freigeben: 2018-03-16 12:36:02
Original
6821 Leute haben es durchsucht

Die drei wichtigsten:

Table-Deklarations-Tag

Attribute:

  1. Grenze Randstärke

  2. Stil Kann mit CSS verwendet werden

Tabellenzeile mit Zeilenbeschriftung Wenn Sie eine Tabelle haben, können Sie eine Zeile erstellen

Ja Es gibt mehrere Zeilen, manchmal gibt es viele Daten, und die Vorder- und Rückseite werden möglicherweise nicht unbedingt berücksichtigt. Die Semantik von thead usw. soll dazu führen, dass der gesamte in thead enthaltene Inhalt verschoben wird zur ersten Anzeige. Und tfoot wird zur letzten verschoben.

Der Titel der Tabelle, außerhalb des Rahmens.

<table>
<thead>
<td>1</td>
</thead>
<tbody>
<td>2</td>
</tbody>
<tfoot>
<td>3</td>
</tfoot>
</table>
Nach dem Login kopieren
allgemeines Hintergrundattribut, das zur Farbsteuerung verwendet wird

Beachten Sie dies Die Methode funktioniert nicht, um die Farbe der Spalte festzulegen.

Damit kann nur die erste Spalte auf Rot eingestellt werden, nicht jedoch die Farbe der angegebenen Spalte.
<colgrounp>
Nach dem Login kopieren

Wenn es

span=2 ist, können statt der nur die ersten beiden Spalten sein zweite Spalte

<colgroup style="background:red;" span =2> <colgroup>
Nach dem Login kopieren

Zwei richtige Methoden

1 Stellen Sie zuerst die Farbe der ersten Spalte ein Legen Sie die Farbe der zweiten Spalte fest

2. Verwenden Sie den Spaltenplatzhalter Talisman

Das obige ist der detaillierte Inhalt vonDrei wichtige Tabellen-Tags in h5 (Tabelle tr td). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
In einer Zeile können Sie Daten erstellen

Attribute:

  1. Colspan-Daten belegen ein Raster, oder es kann verstanden werden, wie viele horizontale Zellen diese Zelle zusammengeführt werden muss

  2. rowspan belegt das Raster vertikal...

< th> Tabellenkopf, Sondertyp td, da der Text in der Kopfzeile zentriert und fett ist, ist er etwas anders 🎜>

<!-- table 是表格声明标签, tr是一行, td是一格 -->
<tableborder="1" style="width: 300px;">    
<!-- board 边框属性, 值越大越粗    style是配合css一起使用的, 设置行宽px是像素为单位. -->
<tr>                                    
<td>第一行,第一格</td>    
<td>第一行,第二格</td>
<td>第一行,第三格</td>
</tr>
<tr>
<td>第2行,第一格</td>
<td>第2行,第二格</td>
<td>第2行,第三格</td>
</tr>
<br>
<tableborder="1" style="width: 300px;">    <!-- 复制的     -->
<tr>
<td>第一行,第一格</td>    
<td>第一行,第二格</td>
<td>第一行,第三格</td>
</tr>
<tr>
<td>第2行,第一格</td>
<td>第2行,第二格</td>
<td>第2行,第三格</td>
</tr>
<tr>
<td>只有一格</td>
</tr>
<tr>
<tdcolspan="3">只有一格,共占3格</td>
Nach dem Login kopieren

Struktursortierung der Tabelle