Kuidas luua HTML-is rasvaseid ja kaldkirju

click fraud protection

Manustage stiilis märgistused kursiivis ja paksus kirjas HTML päise kood oma ainete loendisse rõhuasetuse lisamiseks.

Pealkirjad

Pealkirja sildid on lihtsaim viis dokumendi jagamiseks. Kui mõtlete oma saidile kui ajalehele, siis on pealkirjad ajalehe pealkirjad. Peamine pealkiri on H1 ja järgnevad pealkirjad on H2 kuni H6.

HTML-i loomiseks kasutage järgmisi koode.

See on rubriik 1


See on rubriik 2


See on rubriik 3


See on rubriik 4


See on rubriik 5

See on rubriik 6

Hoidke pealkirju loogilises järjekorras - H1 on enne H2, mis on enne H3 jne.

Ärge muretsege pealkirjade väljanägemise pärast liiga palju - selleks peaksite kasutama CSS-i stiilis pealkirjad selle asemel, et kasutada pealkirja korrast ära. Pealkirja sildid on plokitaseme elemendid, nii et nad panevad teile reavahetused. Ärge pange lõigusilte pealkirja siltide sisse.

Paks ja kursiiv

Paksus ja kaldkirjas saab kasutada nelja silti:

  • ja paksuks
  • ja kursiivis

Pole tähtis, kumba te kasutate. Kuigi mõned eelistavad ja , leiavad paljud inimesed "julge" ja "kursiiv" jaoks on lihtsam meelde jätta.

instagram viewer

Teksti loomiseks ümbritsege oma teksti lihtsalt ava- ja sulgemissiltidega julge või kursiiv:

julge
kursiiv

Võite need sildid pesitseda (mis tähendab, et saate teksti muuta nii paksuks kui ka kursiiviks) ja pole tähtis, kumb on välimine või sisemine silt.

Näiteks:

See tekst on paks

See tekst on paks

See tekst on kursiivis

See tekst on kursiivis

See tekst on nii rasvases kui ka kursiivkirjas

See tekst on nii rasvases kui ka kursiivkirjas

Miks on kaks rasva ja kursiivi silti

HTML4-s on ja silte peeti stiilimärgenditeks, mis mõjutasid ainult teksti välimust ja ei öelnud sildi sisu kohta midagi, ning nende kasutamist peeti halvaks vormiks. Seejärel anti neile HTML5 abil semantiline tähendus väljaspool teksti välimust.

HTML5-s kasutavad need märgendid konkreetset tähendust:

  • tähistab teksti, mis pole ümbritsevast tekstist olulisem, kuid tüüpiline tüpograafiline esitlus on rasvane tekst, näiteks märksõnad abstraktses dokumendis või arvustuste tootenimed.
  • tähistab teksti, mis pole ümbritsevast tekstist olulisem, kuid tüüpiline tüpograafiline esitlus on kursiivtekst, näiteks raamatu pealkiri, tehniline termin või fraas teises keeles.
  • tähistab teksti, millel on ümbritseva tekstiga võrreldes suur tähtsus.
  • tähistab teksti, millel on ümbritseva tekstiga võrreldes rõhutatud rõhk.

Pealkirjades kursiiv

Miski ei takista teid kursiivmärkide kasutamist päisemärgendis, kuigi mõned brauserid võivad selle konteksti ribastada. Tavaliselt on parem kasutada CSS-i, et tagada visuaalse tulemuse saavutamine, mida soovite.

instagram story viewer