Sådan laver du et kapitelbogstav i HTML

Forfatter: Mark Sanchez
Oprettelsesdato: 28 Januar 2021
Opdateringsdato: 15 Kan 2024
Anonim
Sådan laver du et kapitelbogstav i HTML - Artikler
Sådan laver du et kapitelbogstav i HTML - Artikler

Indhold

Tilføj et kapitel til en webside for at få det første bogstav i et afsnit til at ligne de store bogstaver, der findes i bøger og aviser. Det skal være større end resten af ​​teksten, og de andre bogstaver skal pakkes om den. Du kan implementere et capitulært brev ved hjælp af en CSS-stil inde i en HTML-side.


retninger

Lær, hvordan du laver et stort bogstav i HTML (Comstock Images / Stockbyte / Getty Images)
  1. Åbn et HTML-editor og indlæs den fil, du vil tilføje til kapitlet.

  2. Tilføj et nyt cascading stylesheet eller CSS-klasse i hovedteksten () i HTML-filen. Det vigtige er, at stilen "float", så en anden tekst omgiver brevet. Et eksempel på hvordan man gør dette er med følgende kode:

    type = "text / css" media = "all"> .my_drop_cap {float: left; linjehøjde: 1; skrifttypestørrelse: 4em; margin-højre: 0.1em; font-weight: bold; }
  3. Luk det bogstav, som du vil lave et kapitulat med "" tags, som svarer til den klasse, der blev oprettet i overskriften. Brug det foregående eksempel, tilføj denne kode i kropsdelen af ​​HTML:


    Min drop cap brev.

  4. Gem HTML-filen og indlæs den i en webbrowser for at se kapitlet.

advarsel

  • Ældre versioner af browsere kan vise visse CSS koder på uventede måder. Indlæs HTML-siden på tværs af flere browsere for at sikre, at den vises korrekt.