Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

col - Český HTML 5 manuál

HTML a CSS Manuál Tabulky col - Český HTML 5 manuál

ONEbit hosting Unicorn College Tento obsah je dostupný zdarma v rámci projektu IT lidem. Vydávání, hosting a aktualizace umožňují jeho sponzoři.

Tag <colgroup> obsahuje elementy <col>, které definují styl sloupců ve skupině. Col má pouze jeden atribut:

  • span - Uvádí, kolik sloupců col představuje.

Ukázka použití

Udělejme si menší ukázku. V tabulce níže logicky spojíme sloupce s ptáky a sloupce se psy:

<table border="1">
        <colgroup>
                <col style="background: #FFBBBB;" />
                <col span="3" style="background: #AAFFAA" />
                <col span="2" style="background: #BBBBFF;" />
        </colgroup>
        <tr>
                <th>Město</th>
                <th>Kos</th>
                <th>Straka</th>
                <th>Výr</th>
                <th>Jorkšír</th>
                <th>Westík</th>
        </tr>
        <tr>
                <td>Praha</td>
                <td>100 000</td>
                <td>80 000</td>
                <td>80</td>
                <td>110 000</td>
                <td>90 000</td>
        </tr>
        <tr>
                <td>Brno</td>
                <td>50 000</td>
                <td>30</td>
                <td>3</td>
                <td>70 000</td>
                <td>40 000</td>
        </tr>
        <tr>
                <td>Úvaly</td>
                <td>600</td>
                <td>400</td>
                <td>1</td>
                <td>700</td>
                <td>300</td>
        </tr>
</table>

Výsledek:

Tabulka se seskupením sloupců colgroup

 

 

Manuál pro vás napsal IT Man
Avatar
Autor se primárně věnuje vývoji webových stránek v PHP a v JavaScriptu (knihovna jQuery). Napsal část manuálu HTML 5 a CSS 3, kde má celkem velký přehled. Jednoduše má v oblibě weby.
Miniatura
Všechny články v sekci
Tabulky - Český HTML 5 manuál
Aktivity (1)

 

 

Komentáře

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zatím nikdo nevložil komentář - buď první!