HTML návod slučování buněk v tabulkách

Slučování buněk v tabulkách

Tabulky jsou nedílnou součástí internetových stránek a proto je dobré umět s nimi zacházet. Návod, jak vytvářet základní tabulky jsem již napsal a naleznete ho ZDE a ZDE.  Dříve se vytvářely internetové stránky pouze pomocí tabulek a zde především bylo potřeba slučovat buňky. Naštěstí se dnes takto stránky nedělej a rozhodně to nikomu nedporučuji, ale funkce slučování buněk se využívá i normálně dnes u obyčejných tabulek na stránkách.
Buňky se slučují pomocí parametrů rowspan=“" a colspan=“", které se vkládají k tagu  <td>.
rowspan=“" - sloučení buněk tabulky do sloupce.
colspan=“" - sloučení buněk tabulky do řádku.
Pomocí rowspan se dříve dělalo menu u stránek. Pro ukázku využiji tabulku o buňkách 2×2.
Kod:

<table border=“6″>
<tr>  <td>Buňka č.1</td> <td>Buňka č.2</td></tr>
<tr>  <td>Buňka č.3</td> <td>Buňka č.4</td></tr>
</table>
Náhled:
tabulka

Využití rowspan=“" :

Kod:
<table border=“6″>
<tr>  <td  rowspan=“2″ >Buňka č.1</td> <td>Buňka č.2</td></tr>
<tr>  <td>Buňka č.4</td></tr>
</table>
Náhled:
tabulka rowspan rowspan=“2″- sloučí buňku číslo 1 a 3, pokud by bylo více řádků například 5, tak by bylo  rowspan=“5″

Využití colspan=“" :

Kod:
<table border=“6″>
<tr>  <td>Buňka č.1</td> <td>Buňka č.2</td></tr>
<tr>  <td colspan=“2″>Buňka č.3</td></tr>
</table>
Náhled:
tabulka colspan
colspan=“2″- sloučí buňku číslo 3 a 4 do řádku. Pokud by bylo více buněk v řádku dejte jiné číslo do =“ “

Pokud kopírujete kody z tohoto návodu musíte opravit uvozovky, bohužel se zobrazují špatně správně mají být všudeUvozovky.

Můžete zanechat odpověď, or trackback z vašich vlastních stránek.

Zanechat Komentář

Musíte být přihlášeni abyste mohli psát komentáře.

Powered by WordPress | Get Cheap or Free T-MobileCell Phones Online. | Thanks to Best Savings Accounts, Credit Cards and Reverse lookup