Búa til hönnunarsnið á síðunni þinni
Fyrirsagnir eru gagnlegar leiðir til að skipuleggja texta þína, búa til gagnlegar deildir og fínstilla vefsíðuna þína fyrir leitarvélar. Þú getur auðveldlega búið til fyrirsagnir með HTML stefnumerkjum. Þú getur einnig breytt útliti textans með feitletrað og skáletrað merkin.
Fyrirsagnir
Heiti tags eru einfaldasta leiðin til að skipta skjalinu þínu. Ef þú hugsar um síðuna þína sem dagblað, þá eru fyrirsagnirnar fyrirsagnirnar á blaðið. Helstu fyrirsögnin er h1 og síðari fyrirsagnir eru h2 til og með h6.
Notaðu eftirfarandi kóða til að búa til HTML.
Þetta er fyrirsögn 1 h1> Þetta er fyrirsögn 2 h2> Þetta er fyrirsögn 3 h3> Þetta er fyrirsögn 4 h4> Þetta er fyrirsögn 5 h5> Þetta er fyrirsögn 6 h6> Ráð til að muna
- Reyndu að halda fyrirsögnum þínum í rökréttri röð, h1 kemur fyrir h2, sem kemur fyrir h3, og svo framvegis.
- Ekki hafa áhyggjur of mikið um hvernig fyrirsagnirnar líta út - þú ættir að nota CSS til að stilla fyrirsagnir frekar en að nota fyrirsögn úr röð.
- Fyrirsagnir eru þættir í blokkum , þannig að þeir setja í línuskilyrði fyrir þig. Ekki setja P tags inni á stefnumerki.
Djarfur og skáletrað
Þetta er fyrirsögn 3 h3> Þetta er fyrirsögn 4 h4> Þetta er fyrirsögn 5 h5> Þetta er fyrirsögn 6 h6> Ráð til að muna
- Reyndu að halda fyrirsögnum þínum í rökréttri röð, h1 kemur fyrir h2, sem kemur fyrir h3, og svo framvegis.
- Ekki hafa áhyggjur of mikið um hvernig fyrirsagnirnar líta út - þú ættir að nota CSS til að stilla fyrirsagnir frekar en að nota fyrirsögn úr röð.
- Fyrirsagnir eru þættir í blokkum , þannig að þeir setja í línuskilyrði fyrir þig. Ekki setja P tags inni á stefnumerki.
Djarfur og skáletrað
Þetta er fyrirsögn 5 h5> Þetta er fyrirsögn 6 h6> Ráð til að muna
- Reyndu að halda fyrirsögnum þínum í rökréttri röð, h1 kemur fyrir h2, sem kemur fyrir h3, og svo framvegis.
- Ekki hafa áhyggjur of mikið um hvernig fyrirsagnirnar líta út - þú ættir að nota CSS til að stilla fyrirsagnir frekar en að nota fyrirsögn úr röð.
- Fyrirsagnir eru þættir í blokkum , þannig að þeir setja í línuskilyrði fyrir þig. Ekki setja P tags inni á stefnumerki.
Djarfur og skáletrað
Ráð til að muna
- Reyndu að halda fyrirsögnum þínum í rökréttri röð, h1 kemur fyrir h2, sem kemur fyrir h3, og svo framvegis.
- Ekki hafa áhyggjur of mikið um hvernig fyrirsagnirnar líta út - þú ættir að nota CSS til að stilla fyrirsagnir frekar en að nota fyrirsögn úr röð.
- Fyrirsagnir eru þættir í blokkum , þannig að þeir setja í línuskilyrði fyrir þig. Ekki setja P tags inni á stefnumerki.
Djarfur og skáletrað
Það eru fjórar tög sem þú getur notað fyrir feitletrað og skáletrað:
- og fyrir feitletrað
- og fyrir skáletrað
Það skiptir ekki máli hvaða þú notar. Þó að sumir kjósa og , en margir finna fyrir "feitletrað" og skáletraður auðveldara að muna.
Umkringdu einfaldlega textann með opnun og lokun merkjanna til að gera textann djörf eða skáletrað:
feitletrað b> skáletrað i>Þú getur hreiður þessar tög (sem þýðir að þú getur búið til texta bæði feitletrað og skáletrað) og það skiptir ekki máli hver er ytri eða innri merkið.
Til dæmis:
Þessi texti er feitletrað
Þessi texti er feitletrað strong>Þessi texti er í skáletrun
Þessi texti er skáletrun em>Þessi texti er bæði feitletrað og skáletrað
Þessi texti er bæði djörf og skáletrun em> strong>Afhverju eru tveir sett af feitum og skáletrumum
Í HTML4 voru og tögin talin stíllmerki sem höfðu aðeins áhrif á útlit textans og sagði ekkert um innihald merkisins og það var talið slæmt að nota þær. Þá, með HTML5, fengu þeir merkingartækni fyrir utan útliti textans.
Í HTML5 hafa þessi merkingar ákveðnar merkingar:
- táknar texta sem er ekki mikilvægari en nærliggjandi texti, en dæmigerður typographic kynning er djörf texti, svo sem leitarorð í skjali abstrakt eða vöruheiti í endurskoðun.
- táknar texta sem er ekki mikilvægari en nærliggjandi texti, en dæmigerð ritgerð er skáletrað texta, svo sem bókheiti, tæknileg orð eða setning á öðru tungumáli.
- táknar texta sem hefur sterka þýðingu miðað við nærliggjandi texta.
- táknar texta sem hefur áherslu á streitu miðað við nærliggjandi texta.