Wpisy otagowane ‘komórki’

Jak połączyć komórki tabeli

niedziela, 16 Marzec 2008

Do łączenia komórek w tabeli służą atrybuty colspan (łączenie kolumn) i colspan (łączenie wierszy. Aby połączyć kilka kolejnych wierszy lub kolumn w jedną komórkę, należy użyć jednego lub obydwu tych atrybutów, i podać ile kolejnych wierszy bądź kolumn powinno być połączone razem.

Przykład:

<table border="1">
<tr>
<td rowspan="2">Język HTML</td>
<td colspan="2">Tworzenie stron WWW</td>
</tr>
<tr>
<td>PHP</td>
<td>SQL</td>
</tr>
</table>
Język HTML Tworzenie stron WWW
PHP SQL

Jak wyrównać zawartość tabeli w pionie

niedziela, 16 Marzec 2008

Wyrównanie zawartości tabeli w pionie uzyskuje się za pomocą atrybutu valign. Można go użyć razem z e znacznikami <td> i <th>.

Atrybut valign może mieć wartości: top – wyrównanie komórki do góry, middle – wyrównanie zawartości komórki do środka, i bottom – wyrównanie komórki do dołu.

Domyślnym wyrównaniem jest wyrównanie do środka, czyli tekst w komórce tabeli będzie wycentrowany w pionie.

Przykład:

<table height="100" border="1">
<tr>
<td valign="top">Język HTML</td>
<td valign="middle">Język HTML</td>
<td valign="bottom">Język HTML</td>
</tr>
</table>
Język HTML Język HTML Język HTML