Einführung in tabellenbezogenes Wissen in HTML (Codebeispiele)

Der Inhalt dieses Artikels ist eine Einführung in das tabellenbezogene Wissen in HTML (Codebeispiele). Ich hoffe, dass er für Sie hilfreich ist.

Planen Sie beim Erstellen einer Webseite das Webseitenlayout entsprechend. Das Hinzufügen einer Tabelle zu einer Webseite kann beispielsweise in drei Teile unterteilt werden: oberer, mittlerer und unterer Teil. Der obere Teil speichert den Webseitentitel oder das Logo-Bild, der mittlere Teil ist der Hauptinhalt der gesamten Webseite. und der untere Teil enthält die relevanten Produktionsinformationen. Darüber hinaus können den Zellen Zellen hinzugefügt werden, um den Inhalt in Kategorien und Ebenen zu organisieren.

Tabellen-Tag --table

ist ein Doppel-Tag. Eine Tabelle enthält drei Grundelemente:

, ,

. Das erste Tag und das letzte Tag geben den Anfang und das Ende einer Tabelle an. „tr=table row“ wird verwendet, um den Anfang und das Ende einer Zeile anzugeben, und „td=table data“ wird verwendet, um den Anfang und das Ende einer Zelle in der Zeile anzugeben.

                    ...

单元格内容	单元格内容
单元格内容	单元格内容

Der Titel der Tabelle – Bildunterschrift

Es gibt eine spezielle Zelle namens Titelzelle, die sich in der ersten Zeile der befindet In der Tabelle haben die Titelzellen keine Ränder und sind standardmäßig zentriert.

<caption>表格的标题</caption>

Tabellenrand --border

Standardmäßig zeigt die Tabelle keine Ränder an. Um den Inhalt besser zu unterscheiden, können Sie die Breite des Tabellenrandes festlegen,

Der Abstand zwischen dem Text und dem Rand in der Tabelle – cellpadding

Standard In diesem Fall passt der Text genau in den Rahmen. Der Abstand zwischen Text und Rändern kann durch Zellauffüllung angepasst werden

Der Abstand zwischen Zellen in der Tabelle – Zellabstand

Zellen in der Tabelle Auch der Abstand zwischen den Zellen kann variieren.

Zellenhintergrundbild – Hintergrund

rrree

Zeilenzusammenführungsattribut – Zeilenspanne

Wenn Sie einige komplexe Tabellen erstellen, müssen Sie die Zellenzusammenführung verwenden

nbsp;html>


    <meta>
    <title>小白</title>


<p>默认情况下的表格</p>

                                                                              

亚洲

中国	北京	1949年10月1日
缅甸	内比都	1948年1月4日

---

设置属性后的表格

                                                                              

亚洲

中国	北京	1949年10月1日
缅甸	内比都	1948年1月4日

rrree

Spalten zusammenführen-Attribut- -colspan

Wenn Sie einige komplexe Tabellen erstellen, müssen Sie die Zellenzusammenführung verwenden

<td>rrree<p><span class="img-wrap"><img src="https://img.php.cn//upload/image/581/735/404/1539336309108501.png" title="1539336309108501.png" alt="Einführung in tabellenbezogenes Wissen in HTML (Codebeispiele)"></span></p>
<p> <strong>Verschachtelung von Tabellen</strong></p>
<p>Eine Tabelle enthält andere Tags. Durch die Verwendung von Tabellen zum Layouten der Seite können die verschiedenen Teile der Seite nicht miteinander in Konflikt geraten, und die Gesamtstruktur ist schön. </p>
<pre class="brush:php;toolbar:false">nbsp;html>


    <meta>
    <title>单元格行合并</title>

                                                                                     

招生简章

基础科目	数学
外语
政治
专业课	100

Das Obige ist der gesamte Inhalt dieses Artikels. Informationen zu HTML finden Sie im HTML-Entwicklungshandbuch auf der chinesischen PHP-Website zu lernen.

Das obige ist der detaillierte Inhalt vonEinführung in tabellenbezogenes Wissen in HTML (Codebeispiele). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!