<table> <tr> <td colspan="x">...</td> </tr> </table>
<table> <tr> <td rowspan="y">...</td> </tr> </table>
Polecenie to pozwala na poziome lub pionowe łączenie komórek w tabeli, dzięki czemu jedna komórka (połączona) może się rozciągać na kilka komórek pojedynczych.
Tabela z połączonymi komórkami zawiera mniej znaczników <td>...</td>, ponieważ komórka połączona rozciąga się na kilka zwykłych pojedynczych komórek, tym samym eliminując je. Każdy atrybut colspan="x" lub rowspan="y" eleminuje n-1 komórek pojedynczych (w przyległych kolumnach lub wierszach).
Przykład:
Poziome łączenie komórek:
Dla pierwszej komórki <td colspan="2">
(druga komórka nie istnieje, ponieważ została połączona z pierwszą)
| komórki1,2 | |
| komórka3 | komórka4 |
Aby otrzymać powyższą tabelę, należy wpisać:
<table border="1"> <tr> <td colspan="2">komórki1,2</td> </tr> <tr> <td>komórka3</td> <td>komórka4</td> </tr> </table>
Pionowe łączenie komórek:
Dla pierwszej komórki <td rowspan="2">
(trzecia komórka nie istnieje, ponieważ została połączona z pierwszą)
| komórki1,3 | komórka2 |
| komórka4 |
Aby otrzymać powyższą tabelę, należy wpisać:
<table border="1"> <tr> <td rowspan="2">komórki1,3</td> <td>komórka2</td> </tr> <tr> <td>komórka4</td> </tr> </table>
W jaki sposób połączyć kilka kolumn tabeli w grupę funkcjonalną?
W jaki sposób wstawić element rozciąjący się ponad kilkoma kolumnami tekstu?
W jaki sposób zmienić wygląd tekstu na stronie WWW?
Pomogła Ci ta strona? Chcesz, aby dalej się rozwijała?
Wpłać dobrowolną dotację...