Jak vytvořit písmeno kapitoly v HTML

Autor: Joan Hall
Datum Vytvoření: 1 Leden 2021
Datum Aktualizace: 19 Smět 2024
Anonim
Jak vytvořit písmeno kapitoly v HTML - Články
Jak vytvořit písmeno kapitoly v HTML - Články

Obsah

Přidat kapitolu na webovou stránku, aby první písmeno odstavce vypadalo jako velká písmena nalezená v knihách a novinách. Musí být větší než zbytek textu a ostatní písmena by měla být omotána kolem něj. Kapitálové písmeno můžete implementovat pomocí stylu CSS uvnitř stránky HTML.


Pokyny

Naučte se, jak vytvořit velké písmeno v HTML (Obrázky Comstock / Stockbyte / Getty Images)

  1. Otevřete editor HTML a načtěte soubor, který chcete přidat do kapitoly.

  2. Přidejte novou kaskádovou šablonu stylů nebo třídu CSS do záhlaví () části souboru HTML. Důležité je, aby styl "plovoucí" tak, že další text bude obklopovat dopis. Příkladem toho je následující kód:

    type = "text / css" media = "all"> .my_drop_cap {float: vlevo; line-height: 1; velikost písma: 4em; právo na marži: 0,1em; font-weight: tučné; }

  3. Zavřete písmeno, které chcete vytvořit pomocí kapitol, které odpovídají třídě, která byla vytvořena v záhlaví. Pomocí předchozího příkladu přidejte tento kód do sekce těla HTML:


    Můj dopis.

  4. Uložte soubor HTML a nahrajte jej do webového prohlížeče, abyste viděli kapitulát.

Oznámení

  • Starší verze prohlížečů mohou zobrazovat určité kódy CSS neočekávaným způsobem. Načtěte stránku HTML ve více prohlížečích, abyste se ujistili, že se zobrazuje správně.