Tabulky

Napsal(a) Napsáno pátek, 07 červen 2013 Zveřejněno v Webdesign Přečteno 1605 krát
Ohodnotit tuto položku
(0 hlasů)

Článek má za úkol Vám vysvětlit, jak se používají tabulky v html. 



Základní tabulka

Tabulka je vždy uzavřena v párovém elementu < table> < /table> . Do tohoto elementu se vkládají buňky. Buňky jsou dva druhy a opět jsou to párové elementy. Využití tabulek asi netřeba dalece představovat. Užívají se k přehlednému utřídení dat. Například názvu výrobku a ceny a podobně.

  • nadpisové buňky <th> </th>
  • běžné buňky <td> </td >

 

 

Řádek tabulky je také párový element. Začíná <tr> a končí </tr> Vlastnosti tabulky jakými jsou například barva buňky, tloušťka stěny buňky, výška a šířka... se nastavují pomocí CSS stylů.

Atributvlastnost
width šířka tabulky
height výška tabulky
bordel tloušťka rámečku
cellpadding vnitřní okraj buněk
cellspacing vnější okraj buněk
bgcolor barva pozadí
border-color barva rámečku
algin zarovnání tabulky

Atribut height, align a bgcolor nejsou validní ve striktním dokumentu! Proto by se měli psát do dokumentu CSS.

 

Mřížka a rámeček tabulky

Hodnota Význam
void Standardní volba. Tabulka nemá rámeček
above rámeček jen na horní hraně
below rámeček při spodní hraně
hsides rámeček je na dolní a spodní hraně
vsides rámeček je na levé a pravé hraně
lhs rámeček je na levé hraně
rhs rámeček pouze na pravé hraně
box rámeček je okolo celé tabulky
border rámeček je také okolo celé tabulky

U tabulky se dají také sloučit buňky. A to jak na řádku tak i ve sloupci, ale i kombinovat. k tomu slouží atributy

  • colspan
  • rowspan

Colspan určuje počet následujících sloupcu na řádku co se sloučí, kdežto rowspan naopak počet řádků ve sloupci, které se spojí. Colspan a rowspan lze zkombinovat.

Užití colspan

   
     

Užití rowspan

     
   

Pozor! Když užijete COLSPAN nebo ROWSPAN tak se buňky sloučí zdánlivě. Doopravdy se pouze buňka na niž je element uplatněn zvětší.

Chybné užití colspan a rowspan (pokud není užito úmyslně)

         
         
         
         


Naposledy změněno středa, 03 červenec 2013 08:52

Zaujal Vás tento článek? Sdílejte ho a šiřte dál...

Zdeněk Novotný

Studoval jsem Výpočetní techniku na SPŠE a VOŠ Pardubice. Od září budu pokračovat ve studium stejného oboru na UPCE. Studium mě celkem baví. Mezi mé koníčky patří sledování filmů a zajímám se i o východní filozofie, jako je Buddhismus a věci mezi nebem a zemí.

Více z této kategorie: Tvorba nadpisů »


Přidat komentář

Bezpečnostní kód Obnovit