Sissejuhatus HTML-fontide stiilidesse

Järgmine artikkel HTML-i fontstiilid annab ülevaate HTML-is kõige sagedamini kasutatavatest fondi stiilidest. Hüperteksti märgistuskeelena tuntud HTML on üks olulisemaid ja kriitilisemaid keeli või skripte, mis on veebirakenduste ja veebisaitide loomisel hädavajalik. See on nagu veebirakenduste arendamise selgroog, kuna kõik sildid ja muud funktsioonid moodustavad selle põhikomponendi.

Kogu kasutajaliidese arendus põhineb ka HTML-i skriptimisel. Seda saab lihtsalt kasutada märgistussiltide pakkumiseks ja nende siltide ilme ja ilme parandamiseks on meil veel üks väga populaarne raamatukogu CSS, mis tähistab kaskaadlaadistiku lehti. Seda saab kasutada igasuguste stiilide rakendamiseks, mida HTML nõuab. Fond ja stiilid moodustavad veebisaidi suurema osa ning selles artiklis pakume teile loetelu enamikust HTML-i fontstiilidest.

HTML-fondi stiilid:

Fondid mängivad väga suurt rolli veebisaidi kasutajasõbralikumaks muutmisel ja sellel, mis meelitab peale sisu suurendatavuse ka rohkem liiklust. Fondi värv ja fondi külg sõltuvad ka arvutist ja brauserist, mis seda kasutab, ning HTML-märgendit kasutatakse ka stiili, värvi, suuruse lisamiseks oma veebisaidi tekstile.

Märgendit kasutatakse kogu veebisaidil või elemendi sisemuses oleva teksti sama suuruse, värvi ja näo määramiseks. Fondimärgis koosneb kolmest atribuudist, nimelt näo värvist ja suurusest, mis moodustab taas väga kriitilise komponendi veebisaidil esinevatest erinevatest kirjastiilidest.

Silt on kõige sagedamini kasutatav ja üks olulisemaid silte, mida saab kasutada oma veebisaidi hea väljanägemise ja loomise tagamiseks. Avasildile järgnev tekst jääb samaks, kuni ja kuni sildi sulgemiseni.

Vaatame mõnda HTML-i põhifondi põhistiili:

HTML-i kirjastiilidega on seotud mõned põhifunktsioonid ja omadused:

1) Fondi suuruse määramine:

Sisu fondi suuruse saab seada suuruse atribuutide abil. Vahemiku aktsepteeritud väärtus on vahemikus 1, mis on väikseim arv, kuni 7, mis on suurim arv. Mis tahes fontüübi vaikesuurus on 3.

Näide



Setting Basic Font Size

Font size = "1"
Font size = "2"
Font size = "3"
Font size = "4"
Font size = "5"
Font size = "6"
Font size = "7"

2) Fondi suhteline suurus:

Suhtelist kirjasuurust kasutatakse selleks, et teha kindlaks ja täpsustada, mitu suurust on suurem ja mitu on väiksem kui praegune fondi suurus, mis tegelikult olemas on. Seda saab täpsustada järgmiselt:

or by writing

Näide



Relative Font Size

Font size = "-1"
Font size = "+1"
Font size = "+2"
Font size = "+3"
Font size = "+4"

3) Fondi näo seadistamine:

Teine kategooria pärast fondi suuruse ja suhtelise suuruse määramist on see, mis fondi esipaneeli seadistamisel. See moodustab ülalloetletud atribuutide kriitilise osa. Seda saab määrata näoteatribuuti kasutades, kuid tuleb alati meeles pidada, et kui kasutajal, kellele on määratud seda fondi väärtust kasutama, pole seda fonti oma süsteemi installitud, siis ei näe nad seda . Selle asemel on nähtav ainult vaikekirjeldus, mis on selle konkreetse kasutaja arvutis rakendatav.

Näide



Font Face

Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock

4) Täpsustage fondi alternatiivseid nägusid:

  • Seda kasutatakse mitmesuguste font-nägude määramiseks ainult siis, kui kasutaja on selle süsteemi installinud selle konkreetse fondi, vastasel juhul on vaikimisi installitud font nähtav. On võimalik nimetada rohkem kui ühte, täpsemalt kahte või enamat fondi näo alternatiivi, loetledes need komaga eraldatud fontinimed.
  • Kui veebileht laaditakse, vastutab brauser esimese genereeritud fondi kuvamise eest. Kui ühtegi pakutavat fonti pole süsteemi installitud, kuvatakse edukalt vaikimisi kasutatav fondi nägu, mis on Times New Roman.

Näide


5) Fondi värvi määramine:

See on veel üks atribuut, mis moodustab HTML-i fontide ja stiilide loendi kriitilise osa ja komponendi. Selle fondi värv seadistatakse mis tahes värvi atribuuti kasutades, nõutavat värvi võib nõuda, kasutades selleks määratud värvi jaoks heksadeimaalset koodi ja värvinime.

Näide



Setting Font Color

This text is in pink
This text is red

6) element:

  • See element on HTML-keele spetsiifiline ja peaks pakkuma veebilehele vaikimisi fondi suuruse, kirjatüübi ja värvi dokumentide kõigile osadele ja komponentidele, mis ei kuulu sildi sisse.
  • Sildit saab hõlpsalt kasutada seadete alistamiseks.
  • See silt kasutab ka värvi, näo ja suuruse atribuute, mis toetavad suhteliselt kõiki fontsätteid, pakkudes väärtust +1 ühe suuruse kohta suuremat või -2 väiksema suuruse korral.

Näited:



Setting Basefont Color

See on lehe vaikimisi font.

Elemendi näide

Järeldus-

HTML-font ja stiilid on üks kriitilisemaid komponente ja funktsioone, mida ei saa tähelepanuta jätta ning mis võivad anda teie veebisaidile väga hea kuju ja kujunduse. Kui me räägime viimastest turul pakutavatest javascripti teekidest, siis need sisaldavad iseenesest kõiki neid ja mitut muud fonti ja stiili. Põh HTML-i jaoks tuleb seda ikkagi käsitsi teha. Loodetavasti teile meeldis meie artikkel. Olge kursis meie ajaveebiga, et saada rohkem selliseid artikleid.

Soovitatavad artiklid

See on juhend HTML-fontide stiilide jaoks. Siin on arutatud HTML-i mõne põhifondi sissejuhatust ja üksikasjalikku selgitust koos näidetega. Lisateavet leiate ka meie muudest soovitatud artiklitest -

  1. HTML-i stiililehed
  2. HTML-atribuudid
  3. Kuidas HTML töötab
  4. HTML-i loendistiilid
  5. HTML-plokid

Kategooria:

Veebiarenduse tööriistad