Heim Web-Frontend HTML-Tutorial Einführung in die Syntax und verwandte Attribute von HTML-Tabellen (mit Code)

Einführung in die Syntax und verwandte Attribute von HTML-Tabellen (mit Code)

Aug 18, 2018 pm 04:23 PM

Der Inhalt dieses Artikels ist eine Einführung in die Syntax und die zugehörigen Attribute von HTML-Tabellen (mit Code). Ich hoffe, dass er für Sie hilfreich ist.

1. Syntax

<table>
    <tr>
        <td></td>
        <td></td>
    </tr></table>
Nach dem Login kopieren

Hinweis: Ein Paar von tr repräsentiert eine Zeile; ein Paar von td repräsentiert eine Spalte (eine Zelle)

2 der Datentabelle
1) width="Breite der Tabelle"

2) height="Höhe der Tabelle"

3) border="Rand der Tabelle"

4) bordercolor=“Rahmenfarbe“

5) cellspacing=“Abstand zwischen Zellen“

6) cellpadding=“Lücke zwischen Zellen und Inhalt“

7) align="Tabellenausrichtung" Werte: links, rechts, zentriert,
valign="vertikale Ausrichtung" topbottommiddle

8) Attribute zusammengeführter Zellen:
Spalten zusammenführen: colspan="Anzahl der Spalten mit Zellen, die zusammengeführt werden sollen"
Zeilen zusammenführen: rowspan="Die Anzahl der zusammenzuführenden Zellzeilen"
colspan="Die Anzahl der zusammenzuführenden Zellspalten"
rowspan="Die Anzahl der zusammenzuführenden Zellzeilen"

Beispiel:

……<table width="200" border="1">
  <tr>
    <td colspan="3">学生成绩</td>
  </tr>
  <tr>
    <td rowspan="2">张三</td>
    <td>语文</td>
    <td>98</td>
  </tr>
  <tr>
    <td>数学</td>
    <td>95</td>
  </tr>
  ....代码同上两行....</table>……
Nach dem Login kopieren

Verwandte Empfehlungen:

HTML-Tabellenelement

HTML-Tabelle und list_html/css_WEB -ITnose

Das obige ist der detaillierte Inhalt vonEinführung in die Syntax und verwandte Attribute von HTML-Tabellen (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt? Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt? Mar 04, 2025 pm 12:32 PM

Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt?

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Mar 17, 2025 pm 12:27 PM

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren?

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Mar 20, 2025 pm 06:05 PM

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung?

Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu? Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu? Mar 04, 2025 pm 02:39 PM

Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu?

Was ist der Zweck des & lt; Meter & gt; Element? Was ist der Zweck des & lt; Meter & gt; Element? Mar 21, 2025 pm 12:35 PM

Was ist der Zweck des & lt; Meter & gt; Element?

Was ist der Zweck des & lt; datalist & gt; Element? Was ist der Zweck des & lt; datalist & gt; Element? Mar 21, 2025 pm 12:33 PM

Was ist der Zweck des & lt; datalist & gt; Element?

Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design? Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design? Mar 20, 2025 pm 05:56 PM

Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design?

Was ist der Zweck des & lt; Fortschritts & gt; Element? Was ist der Zweck des & lt; Fortschritts & gt; Element? Mar 21, 2025 pm 12:34 PM

Was ist der Zweck des & lt; Fortschritts & gt; Element?

See all articles