Jak tabulovat text v HTML

Krok 1

Otevřete soubor HTMLA v textovém editoru a přidejte následující kód CSS do části "záhlaví" vašeho HTML:

Pravidlo prvního stylu definuje třídu "prostoru" s relativní levou "polstrováním" 1, 3. Druhé pravidlo definuje jiný druh "prostoru" (polstrování) s dvojnásobným množstvím "vycpávky". Uložte soubor jako "taba.html".

Krok 2

Ve vašem obsahu požádejte tabulku, kterou chcete právě před obsahem. Například:

Byla tam živá čtenářka eHow
Kdo by chtěl vědět, jak na kartu;
Odpověď byla opravdu docela jednoduchá,
Když šablony stylů udělaly rozvržení jen fab!

Druhý a čtvrtý řádek začíná prázdnými prvky "prostoru" s virtuálními záložkami definovanými hodnotami "vyplnit" ve vašich pravidlech CSS. Soubor znovu uložte.

Krok 3

Otestujte svou webovou stránku. Otevřete prohlížeč a načtěte "tabs.html". Měli byste vidět dvě různé "tabákové" velikosti ve druhém a čtvrtém řádku básně. Pokud tomu tak není, zkontrolujte, zda jste příklady správně zkopírovali.

Krok 4

Pokračujte přidáním karet TO, kde chcete, pomocí prvků prostoru s atributy tříd a hodnotami, abyste mohli definovat každý typ karty. Upravte hodnoty výplně CSS tak, aby byly přizpůsobeny vašemu vlastnímu návrhu. Vytvořte více stylových pravidel pro kolik rozměrů tabulek potřebujete.