Pokyny HyperText Markup Language (HTML), ktoré tvoria tabuľky umiestnené na webových stránkach, poskytujú pomerne veľké množstvo ďalších parametrov. To umožňuje, na rozdiel od iných blokových prvkov, nastavenie veľkostí nielen pomocou jazyka CSS (kaskádové štýly alebo „kaskádové štýly“), ale aj pomocou samotného HTML.
Inštrukcie
Krok 1
Pomocou atribútu šírka značky tabuľky môžete určiť šírku tabuľky v pixeloch. Tabuľka značiek (inštrukcia HTML) sa skladá z úvodnej (
) časti, medzi ktorými sú značky, ktoré tvoria riadky a bunky tabuľky. Do otváracej značky je možné umiestniť ďalšie parametre (atribúty), ktorých zoznam pre každú konkrétnu značku určuje medzinárodné štandardy. Pre značku tabuľky tieto normy umožňujú použitie atribútu width, ktorý určuje šírku tabuľky v pixeloch. HTML kód jednoduchej tabuľky s takouto značkou definujúcou šírku 500 pixelov môže vyzerať takto:
| 1. bunka | 2. bunka |
Krok 2
Pridajte znak% k hodnote atribútu width, ak potrebujete určiť šírku tabuľky v percentách a nie v pixeloch:
| 1. bunka | 2. bunka |
Upozorňujeme, že tieto percentá nebudú nevyhnutne závisieť od šírky okna prehliadača. Tu záleží na štruktúre dokumentu - tak ako vnorená hniezdna bábika nemôže byť širšia ako tá, v ktorej je vnorená, tak ani 100% šírky tabuľky nemôže byť väčšia ako šírka nadradeného prvku. Napríklad, ak je tabuľka vo vnútri bloku div, potom sa šírka tohto bloku bude považovať za 100%.
Krok 3
Ak chcete nastaviť rovnakú šírku tabuliek na webovej stránke na jednom mieste v zdrojovom kóde, použite pokyny k jazyku pre popis štýlu. Za týmto účelom najskôr umiestnite do úvodnej časti kódu HTML (medzi a) otváracie a záverečné značky, ktoré obmedzujú jazykové príkazy CSS:
/ * Pokyny CSS budú tu * /
Medzi tieto značky potom vložte nasledujúci CSS: table {width: 100px;} Tu tabuľka naznačuje, že popis umiestnený vo vnútri zložených zátvoriek by sa mal použiť na všetky značky tabuľky, ktoré sa nachádzajú v kóde stránky. Parameter width nastavuje šírku. Aj tu môžete použiť relatívnu šírku v percentách.
Krok 4
Ak potrebujete určiť šírku nie pre všetky tabuľky, ale iba pre jednu alebo niekoľko tabuliek, zadajte názov triedy v kóde CSS a v značke tabuľky HTML. Povedzme napríklad, že trieda, ktorá označuje skupinu úzkych tabuliek, je malá. Potom môže jeho štýl vyzerať takto: table.tiny {width: 100px;} A zodpovedajúca značka jednej z tabuliek v kóde HTML je taká:
| 1. bunka | 2. bunka |
