Die spezifische Implementierungsmethode der HTML-Tabellenzusammenführung

Autor：Eve Cole Aktualisierungszeit：2024-12-18 10:51:45

Wenn wir ein HTML-Formular erstellen

Sie sehen, dass das sehr unfair ist. Dies erfordert das Zusammenführen von Zellen

Hauptschritte:

1. Bestätigen Sie zunächst, ob Sie nach rechts (Spaltenzusammenführung) oder nach unten (Zeilenzusammenführung) zusammenführen möchten.

2. Suchen Sie die Zellen, die zusammengeführt werden müssen.

3. Wenn die zusammengeführte Zelle Inhalt hat oder eine Position einnimmt, kann die zusammengeführte Zelle im Quellcode gelöscht werden.

Besondere Aufmerksamkeit :

Wenn wir Zellen zusammenführen und die zusammengeführten Zellen Inhalt haben, wird die Zusammenführung zwar nicht beeinträchtigt, da der Inhalt der zusammengeführten Zellen in keiner Weise verarbeitet wird, die Zellen werden jedoch automatisch zurück verschoben.

Lösung : Löschen Sie einfach die überflüssigen Zellen.

Hauptcode:

Zeilenübergreifend zusammenführen: rowspan="Anzahl der zusammengeführten Zellen"

Spaltenübergreifend zusammenführen: colspan="Anzahl der zusammengeführten Zellen"

Ausführliche Erklärung:

Zielzelle:

1: Querreihe: Die oberste Zelle ist die Zielzelle, schreiben Sie den Zusammenführungscode.

2: Kreuzspalten: Die Zelle ganz links ist die Zielzelle. Schreiben Sie den Zusammenführungscode.

Dann folgen wir den Hauptschritten:

Anfangsform <body>
  <table border="1" align="center" width="100%" cellpadding="20" cellspacing="0">
    <tr>
      <th>All-Star-Informationssammlung</th>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <th></th>
      <th>Name</th>
      <th>Geschlecht</th>
      <th>Alter</th>
      <th>Hobbys</th>
    </tr>
    <tr>
      <td></td>
      <td>Bruder</td>
      <td>Männlich</td>
      <td>24</td>
      <td>Singen, tanzen, rappen und Basketball spielen</td>
    </tr>
    <tr>
      <td></td>
      <td>Litang</td>
      <td>Männlich</td>
      <td>20</td>
      <td>Codemessung und scharfe Gravur fünf</td>
    </tr>
    <tr>
      <td></td>
      <td>Menglei</td>
      <td>Männlich</td>
      <td>27</td>
      <td>Das berühmte Schwert stiehlt den Turm und wird zum ultimativen Jäger</td>
    </tr>
  </table>
</body>

Dies sieht wie im Bild oben aus

Zeilenübergreifendes Zusammenführen (Rowspan): Wenn wir den folgenden Effekt erzielen möchten, müssen wir das Rowspan-Attribut verwenden

<Körper>
  <table border="1" align="center" width="100%" cellpadding="20" cellspacing="0">
    <tr>
      <th rowspan="5">All-Star-Informationssammlung</th><!--Suchen Sie entsprechend den Anforderungen den Titel, schreiben Sie das Attribut rowspan und schreiben Sie Parameter 5, was bedeutet, dass die erste bis fünfte Zeile zusammengeführt werden Kommentieren Sie gleichzeitig die erste Spalte jeder Zeile aus ->
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <!-- <th></th> -->
      <th>Name</th>
      <th>Geschlecht</th>
      <th>Alter</th>
      <th>Hobbys</th>
    </tr>
    <tr>
      <!-- <td></td> -->
      <td>Bruder</td>
      <td>Männlich</td>
      <td>24</td>
      <td>Singen, tanzen, rappen und Basketball spielen</td>
    </tr>
    <tr>
      <!-- <td></td> -->
      <td>Litang</td>
      <td>Männlich</td>
      <td>20</td>
      <td>Codemessung und scharfe Gravur fünf</td>
    </tr>
    <tr>
      <!-- <td></td> -->
      <td>Menglei</td>
      <td>Männlich</td>
      <td>27</td>
      <td>Das berühmte Schwert stiehlt den Turm und wird zum ultimativen Jäger</td>
    </tr>
  </table>
</body>

Spaltenübergreifende Zusammenführung (colspan): Wenn wir den folgenden Effekt erzielen möchten, müssen wir das colspan-Attribut verwenden

<Körper>
  <table border="1" align="center" width="100%" cellpadding="20" cellspacing="0">
    <tr>
      <th colspan="5">All-Star-Informationssammlung</th><!--Suchen Sie entsprechend den Anforderungen den Titel, schreiben Sie das Attribut colspan und den Parameter 5, was bedeutet, dass die erste bis fünfte Spalte zusammengeführt werden. und gleichzeitig die erste Zeile jeder Spalte auskommentieren ->
      <!-- <td></td>
      <td></td>
      <td></td>
      <td></td> -->
    </tr>
    <tr>
      <!-- <th></th> -->
      <th>Name</th>
      <th>Geschlecht</th>
      <th>Alter</th>
      <th>Hobbys</th>
    </tr>
    <tr>
      <!-- <td></td> -->
      <td>Bruder</td>
      <td>Männlich</td>
      <td>24</td>
      <td>Singen, tanzen, rappen und Basketball spielen</td>
    </tr>
    <tr>
      <!-- <td></td> -->
      <td>Litang</td>
      <td>Männlich</td>
      <td>20</td>
      <td>Codemessung und scharfe Gravur fünf</td>
    </tr>
    <tr>
      <!-- <td></td> -->
      <td>Menglei</td>
      <td>Männlich</td>
      <td>27</td>
      <td>Das berühmte Schwert stiehlt den Turm und wird zum ultimativen Jäger</td>
    </tr>
  </table>
</body>

Damit ist dieser Artikel über die spezifische Implementierung der HTML-Tabellenzusammenführung abgeschlossen. Weitere verwandte Inhalte zur HTML-Tabellenzusammenführung finden Sie in früheren Artikeln auf downcodes.com. Ich hoffe, Sie werden Downcodes in Zukunft unterstützen.