suchen

Heim  >  Artikel  >  Web-Frontend  >  Zusammenfassung der HTML-Tabellenkenntnisse

Zusammenfassung der HTML-Tabellenkenntnisse

小云云
小云云Original
2017-11-17 14:29:282042Durchsuche

Um in die Tür der Programmierer zu treten, müssen wir den Weg über HTML gehen. Nur wenn wir grundlegendes HTML beherrschen, können wir die nächste Technologie besser erlernen. Deshalb werden wir heute alle Aspekte des Wissens im Zusammenhang mit HTML-Tabellen teilen.

1. 7083302b831e0e3abacb89d4bd1e32de Markierung

a, Grundformat 18ba1a6e43890206f7982d4b2f2e93a6

b, Attribut des Tabellen-Tags

Breitenattribut: stellt die Breite der Tabelle dar, sein Wert kann Pixel (px) oder 100 % (%) der Höhe des übergeordneten Elements

sein Attribut: Gibt die Höhe der Tabelle an. Sein Wert kann Pixel (px) oder Prozentsatz (%) des übergeordneten Elements sein

　 Randattribut: Gibt die Breite des äußeren Randes der Tabelle an

Attribut ausrichten: Die Anzeigeposition der Tabelle, der Wert links wird links angezeigt, der Wert wird in der Mitte angezeigt, der Wert wird rechts angezeigt, der Standardwert ist links

　 Cellspacing-Attribut: the Abstand der Zellenzeit, der Standardwert ist 2 Pixel, die Einheit Pixel ist

　 Cellpadding-Attribut: Zelle Der Anzeigeabstand zwischen dem Inhalt und dem Zellrand in Pixeln

Rahmenattribut: steuert die Anzeige Abstand des Tabellenrandes

void (Standardwert) bedeutet kein Rand

oben bedeutet nur der obere Rand. Mit Rändern

　unten bedeutet nur der untere Rand.

hsides bedeutet nur den oberen und unteren Rand

lhs bedeutet nur den linken Rand

　rhs bezeichnet nur den rechten Rand

vsides bezeichnet nur den linken und rechten Rand

Feld enthält alle 4 Ränder

Rand enthält alle 4 Ränder

Regeln Eigenschaften: Steuern Sie, ob und wie die Trennlinien zwischen Zellen angezeigt werden

Keine (Standardwert) bedeutet keine Trennlinien

Alle bedeutet einschließlich aller Trennlinien

Zeilen bedeutet nur Zeilentrennlinien

Clos bedeutet nur Spaltentrennlinien

Gruppen bedeutet, dass es welche gibt Trennlinien nur zwischen Zeilenkombinationsspaltengruppen

c, ein einfaches Webseitenlayout erstellen

2, 63bd76834ec05ac1f4c0ebbeaafb0994 Verwendungszweck Wenn die Tabelle einen Titel verwenden muss, können Sie das Tag 63bd76834ec05ac1f4c0ebbeaafb0994 verwenden. Die Einfügeposition des Attributs 63bd76834ec05ac1f4c0ebbeaafb0994 liegt direkt nach dem Attribut a34de1251f0d9fe1e645927f19a896e8 oben in der Tabelle

unten: Der Titel wird unten in der Tabelle platziert

links: Der Titel wird links in der Tabelle platziert

rechts : Der Titel wird auf der rechten Seite der Tabelle platziert

3, a34de1251f0d9fe1e645927f19a896e8Mark

a, definiert eine Zeile der Tabelle, für jede Tabellenzeile wird sie durch a dargestellt Paar a34de1251f0d9fe1e645927f19a896e8...fd273fcf5bcad3dfdad3c41bd81ad3e5 Tags können mehrere b6c5a531a458a2e790c1fd6421739d1c-Tags enthalten, optionale Attribute

Legen Sie das horizontale Ausrichtungsformat fest: align="color value"

unten: nach oben ausrichten

oben: nach unten ausrichten

Mitte: nach oben ausrichten

4, b6c5a531a458a2e790c1fd6421739d1c

a, b6c5a531a458a2e790c1fd6421739d1c und b4d429308760b6c2d20d6300079ed38e , erscheint paarweise

b, b4d429308760b6c2d20d6300079ed38e ist die Tabellenüberschrift, die sich normalerweise in der ersten Zeile oder Spalte befindet, während b6c5a531a458a2e790c1fd6421739d1c nicht

　c, b6c5a531a458a2e790c1fd6421739d1c ist eine Datenmarkierung, die die spezifischen Daten von

d angibt, die Markierungsattribute beider sind gleich

e, die Attribut

bgcolor: Zellenhintergrund festlegen

align: Zellenhintergrund festlegen

valign: Vertikale Zellenausrichtung festlegen

Breite: Zellenbreite festlegen

Height: Zellenhöhe festlegen

Rowspan: Anzahl der mit Zellen belegten Zeilen festlegen

Clospan: Anzahl der mit Zellen belegten Spalten festlegen

z. B.:

Das Obige sind einige verwandte Inhalte der grundlegendsten HTML-Tabelle. Füllen Sie ein Formular gemäß dem obigen Tutorial aus. Ich glaube, Sie werden viel gewinnen.

Verwandte Empfehlungen:

Eine umfassende Einführung in die Eigenschaften von HTML-Tabellen

HTML-Tabellen neu entdecken
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
    <table width="960" height="250" border="1" cellpadding="10" frame="box" >
        <caption>表格的标题</caption>
    <tr bgcolor="#ccc">
        <th bgcolor="red">班级</th>
        <th>姓名</th>
        <th>年级</th>
        <th>成绩</th>
    </tr>
    <tr>
        <td>四年级一班</td>
        <td>张三</td>
        <td>16</td>
        <td>80</td>
    </tr>
        <tr>
        <td>四年级一班</td>
        <td>李四</td>
        <td>16</td>
        <td>70</td>
    </tr>
        <tr>
        <td>四年级一班</td>
        <td>王五</td>
        <td>16</td>
        <td>60</td>
    </tr>
    </table>
</body>
</html>

Detaillierte Einführung in HTML-Tabellen

Praktische Verwendung des HTML-Tabellenlayouts

Erklärung von Beispielen für das HTML-Tabellenlayout

Das obige ist der detaillierte Inhalt vonZusammenfassung der HTML-Tabellenkenntnisse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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：CSS, JS Würfellotterie-QuellcodeNächster Artikel：CSS, JS Würfellotterie-Quellcode

In Verbindung stehende Artikel

Mehr sehen