Johdanto HTML-fonttityyleihin

Seuraava artikkeli, HTML-fonttityylit, antaa yleiskuvan HTML: n yleisimmin käytetyistä kirjasintyyleistä. HTML, joka tunnetaan nimellä HyperText Markup Language, on yksi tärkeimmistä ja kriittisimmistä kielistä tai skripteistä, joka on välttämätöntä verkkosovellusten ja verkkosivustojen luomisessa. Tämä on kuin verkkosovellusten kehittämisen selkäranka, koska kaikki tunnisteet ja muut ominaisuudet muodostavat sen taustalla olevan osan.

Kaikki käyttöliittymän kehitys perustuu myös HTML-komentosarjoihin. Tätä voidaan käyttää vain merkintätunnisteiden tarjoamiseen ja näiden tunnisteiden ulkoasun ja tunteen parantamiseksi meillä on toinen erittäin suosittu kirjasto, CSS, joka tarkoittaa Cascading Style Sheets -sivua. Tätä voidaan käyttää kaikenlaisten tyylien toteuttamiseen, joita HTML vaatii. Fontti ja tyylit muodostavat suurimman osan verkkosivustosta, ja tässä artikkelissa aiomme tarjota sinulle luettelon suurimmasta osasta HTML-fonttityylejä.

HTML-fontti tyylit:

Fonteilla on erittäin tärkeä tehtävä verkkosivuston käyttäjäystävällisyyden parantamisessa ja sivustoon, joka houkuttelee enemmän liikennettä sisällön luettavuuden parantamisen lisäksi. Fontin väri ja kirjasintyyppi riippuvat myös tietokoneesta ja selaimesta, joka käyttää sitä, ja HTML-tunnistetta käytetään myös tyylin, värin ja koon lisäämiseen verkkosivustosi tekstiin.

Tunnistetta käytetään koko verkkosivustossasi tai elementin sisällä olevan tekstin asettamiseen samaan kokoon, väriin ja kasvoihin. Fonttitunniste koostuu kolmesta ominaisuudesta, nimittäin kasvojen väri ja koko, joka muodostaa jälleen erittäin kriittisen osan verkkosivuston sisällä olevista eri kirjasintyyleistä.

Tunniste on yleisimmin käytetty ja yksi tärkeimmistä tunnisteista, joita voidaan käyttää verkkosivustollesi hyvän ulkoasun ja tunteen luomiseen. Avattua tunnistetta seuraava teksti pysyy samalla tavalla, ellei ja kunnes se suljetaan tunnisteella.

Katsotaanpa joitain HTML-kirjasintyyleistä:

HTML-kirjasintyyleihin liittyy joitain perusominaisuuksia ja ominaisuuksia, ja ne ovat:

1) Fontin koon asettaminen:

Sisällön fonttikoko voidaan asettaa hyödyntämällä kokomääritteitä. Alueen hyväksytty arvo on välillä 1, joka on pienin luku, ja se menee arvoon 7, joka on suurin luku. Minkä tahansa kirjasintyypin oletuskoko on 3.

esimerkiksi,



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) Suhteellinen kirjasinkoko:

Suhteellista fonttikokoa käytetään määrittämään ja määrittämään, kuinka monta kokoa on suurempi ja kuinka monta kokoa on pienempi kuin nykyinen fonttikoko, joka tosiasiallisesti on. Tämä voidaan määritellä kuten:

or by writing

esimerkiksi,



Relative Font Size

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

3) Fontin kasvot:

Toinen luokka fonttikokojen ja suhteellisen fonttikokojen asettamisen jälkeen on fonttien kasvot. Tämä muodostaa kriittisen osan yllä luetelluista ominaisuuksista. Tämä voidaan asettaa käyttämällä face-ominaisuutta, mutta on aina pidettävä mielessä, että jos käyttäjällä, joka on nimetty käyttämään tätä kirjasinarvoa, ei ole tätä kirjasinta asennettuna järjestelmään, hän ei näe sitä . Sen sijaan näkyy vain kyseisen käyttäjän tietokoneeseen sovellettava oletusfontti.

esimerkiksi,



Font Face

Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock

4) Määritä vaihtoehtoiset fontin kasvot:

  • Tätä käytetään määrittämään erilaisia ​​kirjasintyyppejä vain, jos käyttäjän järjestelmässä on kyseinen fontti asennettuna, muuten oletusasennettu fontti on näkyvissä. On mahdollista mainita useampi kuin yksi, erityisesti kaksi tai useampi kuin kaksi fonttivaihtoehtoa, listaamalla fontin kasvot nimet, jotka erotetaan toisistaan ​​pilkulla.
  • Kun verkkosivusto ladataan, selaimen on näytettävä ensimmäisen kerran luotu fontti. Jos yksikään toimitetuista kirjasimista ei ole asennettu järjestelmään, Times New Roman -sovelluksen oletusfonttipinta näytetään onnistuneesti.

esimerkiksi,


5) Fontin värin asettaminen:

Tämä on toinen ominaisuus, joka muodostaa HTML-fontti- ja tyyliluettelon kriittisen osan ja komponentin. Tässä fontin väri määritetään käyttämällä mitä tahansa väriominaisuutta, vaadittava väri voidaan vaatia käyttämällä heksadesimaalikoodia ja värin nimeä määritettyä väriä varten.

esimerkiksi,



Setting Font Color

This text is in pink
This text is red

6) Element:

  • Tämä elementti on erityinen HTML-kielelle, ja sen on tarkoitus tarjota verkkosivulle oletusfonttikoko, kirjasintyyppi ja väri kaikille niiden asiakirjojen osille ja komponenteille, joita ei ole tunnisteen sisällä.
  • Tunnistetta voidaan helposti käyttää asetusten ohittamiseen.
  • Tämä tunniste käyttää myös väri-, kasvo- ja kokoominaisuuksia, jotka tukevat suhteellisen kaikkia fonttiasetuksia tarjoamalla arvolla +1 yhden koon suurempi tai -2 pienemmällä koossa.

esimerkkejä:



Setting Basefont Color

Tämä on sivun oletusfontti.

Esimerkki elementistä

Conclusion-

HTML-fontti ja tyylit ovat yksi kriittisimmistä komponenteista ja ominaisuuksista, joita ei voida sivuuttaa ja jotka voivat antaa erittäin hyvän muodon ja suunnittelun verkkosivustollesi. Kun puhumme markkinoiden uusimmista javascript-kirjastoista, ne sisältävät kaikki nämä ja useita muita kirjasimia ja tyylejä. Perus HTML-koodissa tämä on vielä tehtävä manuaalisesti. Toivottavasti pidit artikkelistamme. Pysy ajan tasalla blogiimme saadaksesi lisää tällaisia ​​artikkeleita.

Suositellut artikkelit

Tämä on opas HTML-kirjasintyyleihin. Tässä olemme keskustelleet HTML: n johdannosta ja yksityiskohtaisesta selityksestä esimerkkien avulla. Voit myös käydä läpi muiden ehdotettujen artikkeleidemme saadaksesi lisätietoja -

  1. HTML-tyylisivut
  2. HTML-määritteet
  3. Kuinka HTML toimii
  4. HTML-luettelotyylit
  5. HTML-esteet

Luokka:

Web-kehitystyökalut