Hur man gör en kapitelbokstav i HTML

Författare: Gregory Harris
Skapelsedatum: 12 April 2021
Uppdatera Datum: 23 November 2024
Anonim
Hur man gör en kapitelbokstav i HTML - Artiklar
Hur man gör en kapitelbokstav i HTML - Artiklar

Innehåll

Lägg till ett kapitel på en webbsida så att första bokstaven i ett stycke ser ut som de stora bokstäverna som finns i böcker och tidningar. Det måste vara större än resten av texten och de andra bokstäverna bör viklas runt den. Du kan implementera en huvudbokstav med en CSS-stil på en HTML-sida.


vägbeskrivning

Lär dig hur du gör en bokstav i HTML (Comstock Images / Stockbyte / Getty Images)
  1. Öppna en HTML-editor och ladda filen du vill lägga till i kapitlet.

  2. Lägg till ett nytt kaskad stilark eller CSS-klass i huvudrubriken () av ​​HTML-filen. Det viktiga är att stilen ska "flyta" så att en annan text kommer att omge brevet. Ett exempel på hur man gör det här är med följande kod:

    typ = "text / css" media = "all"> .my_drop_cap {float: left; linjehöjd: 1; typsnittstorlek: 4em; marginal-höger: 0.1em; font-weight: bold; }
  3. Stäng brevet som du vill göra ett kapitulat med "" taggar, som motsvarar klassen som skapades i rubriken. Använd det föregående exemplet, lägg till den här koden i kroppsdelen av HTML:


    Min drop cap brev.

  4. Spara HTML-filen och ladda den i en webbläsare för att se kapitlet.

varning

  • Äldre versioner av webbläsare kan visa vissa CSS-koder på oväntade sätt. Ladda HTML-sidan över flera webbläsare för att se till att den visas korrekt.