Pokyny HyperText Markup Language (HTML), které tvoří tabulky umístěné na webových stránkách, poskytují poměrně velké množství dalších parametrů. To umožňuje, na rozdíl od jiných blokových prvků, nastavit velikosti nejen pomocí jazyka CSS (kaskádové styly nebo „kaskádové styly“), ale také pomocí samotného HTML.
Instrukce
Krok 1
Pomocí atributu width značky tabulky určete šířku tabulky v pixelech. Tabulka značek (instrukce HTML) se skládá z úvodní (
) části, mezi nimiž jsou značky, které tvoří řádky a buňky tabulky. Do úvodního tagu lze umístit další parametry (atributy), jejichž seznam pro každý konkrétní tag je určen mezinárodními standardy. U značky tabulky tyto standardy umožňují použití atributu width, který určuje šířku tabulky v pixelech. HTML kód jednoduché tabulky s takovou značkou definující šířku 500 pixelů může vypadat takto:
| 1. buňka | 2. buňka |
Krok 2
Přidejte znak% k hodnotě atributu width, pokud potřebujete zadat šířku tabulky spíše v procentech než v pixelech:
| 1. buňka | 2. buňka |
Upozorňujeme, že tato procenta nemusí nutně vycházet ze šířky okna prohlížeče. Zde záleží na struktuře dokumentu - stejně jako vnořená vnořená panenka nemůže být širší než ta, ve které je vnořena, tak 100% šířky tabulky nemůže být větší než šířka nadřazeného prvku. Pokud je například tabulka uvnitř bloku div, bude šířka tohoto bloku brána jako 100%.
Krok 3
Pokyny k jazyku popisu stylu použijte, pokud chcete nastavit stejnou šířku tabulek na webové stránce na jednom místě ve zdrojovém kódu. Chcete-li to provést, nejprve umístěte v hlavní části kódu HTML (mezi a) otevírací a zavírací značky, které omezují příkazy jazyka CSS:
/ * Pokyny CSS budou zde * /
Mezi tyto značky pak vložte následující CSS: table {width: 100px;} Zde tabulka naznačuje, že popis umístěný uvnitř složených závorek by měl být použit na všechny značky tabulky, které se objevují v kódu stránky. Parametr width nastavuje šířku. I zde můžete relativní šířku použít jako procento.
Krok 4
Zadejte název třídy v kódu CSS a ve značce tabulky HTML, pokud potřebujete zadat šířku ne pro všechny tabulky, ale pouze pro jednu nebo více tabulek. Řekněme například, že třída, která označuje skupinu úzkých tabulek, je malá. Popis jeho stylu může vypadat například takto: table.tiny {width: 100px;} A odpovídající značka jedné z tabulek v kódu HTML je taková:
| 1. buňka | 2. buňka |
