Në html, madhësia e shkronjave luan një rol të rëndësishëm. Kjo ju lejon të tërheqni vëmendjen e përdoruesit ndaj informacioneve të rëndësishme të postuara në faqen e faqes. Edhe pse jo vetëm madhësia e shkronjave është e rëndësishme, por edhe ngjyra, trashësia dhe madje edhe familja e tyre.
Etiketat dhe atributet kur punoni me fontet html
Gjuha e hipertekstit ka një grup të madh mjetesh për të punuar me fontet. Në fund të fundit, formatimi i tekstit është detyra kryesore e html.
Arsyeja e krijimit të gjuhës HTML ishte problemi i shfaqjes së rregullave të formatimit të tekstit nga shfletuesit.
Merrni parasysh etiketat që përdoren për të punuar me fontet në html dhe atributet e tyre. Kryesorja është etiketa . Duke përdorur vlerat e atributeve të tij, mund të vendosni disa karakteristika të shkronjave:
- ngjyra - vendos ngjyrën e tekstit;
- madhësia – madhësia e shkronjave në njësi konvencionale.
Mbështetet një vlerë atribute pozitive nga 1 në 7.
- fytyra - përdoret për të vendosur familjen e shkronjave të tekstit që do të përdoret brenda etiketës . Mbështeten vlera të shumta, të ndara me presje.
Formatohet vetëm teksti që ndodhet midis pjesëve të etiketës së fontit të çiftuar. Pjesa tjetër e tekstit shfaqet në fontin e paracaktuar.
Gjithashtu në html ka një numër etiketash të çiftuara që përcaktojnë vetëm një rregull formatimi. Kjo perfshin:
- - vendos fontin e theksuar në html. Etiketë i ngjashëm në veprim me atë të mëparshëm;
- - madhësia është më e madhe se e paracaktuar;
- - madhësi më e vogël e shkronjave;
- - teksti i pjerrët (italic). Etiketë e ngjashme ;
- — teksti me nënvizim;
- të kryqëzuara;- — shfaqja e tekstit vetëm me shkronja të vogla;
- - në shkronja të mëdha.
Teksti i thjeshtë
Miniatura
Miniatura
Më shumë se zakonisht
Më pak se zakonisht
Kursivë
Kursivë
Me nënvizim
Strikethrough
Aftësitë e atributeve të stilit
Përveç etiketave të përshkruara, ka disa mënyra të tjera për të ndryshuar fontin në html. Një prej tyre është përdorimi i atributit të stilit të përgjithshëm. Duke përdorur vlerat e vetive të tij, mund të vendosni stilin e shfaqjes së shkronjave:
1) font-family - vetia vendos familjen e shkronjave. Është e mundur të numërohen vlera të shumta.
Ndryshimi i fontit në html në vlerën tjetër do të ndodhë nëse familja e mëparshme nuk është vendosur në sistemin operativ të përdoruesit.
Shkrimi i sintaksës:
font-family: font-emri [, font-name[, ...]]
2) madhësia e shkronjave - madhësia vendoset nga 1 në 7. Kjo është një nga mënyrat kryesore në të cilën mund të rrisni fontin në html.
Shkrimi i sintaksës:
madhësia e shkronjave: madhësia absolute | madhësia relative | vlera | interesi | trashëgojnë
Ju gjithashtu mund të vendosni madhësinë e shkronjave:
- Në pixel;
- Në terma absolutë ( xx-i vogël, x-i vogël, i vogël, i mesëm, i madh);
- Në përqindje;
- Në pikat (pt).
madhësia e shkronjave: 7
madhësia e shkronjave: 24 px
Madhësia e shkronjave: x-large
madhësia e shkronjave: 200%
madhësia e shkronjave: 24 pt
3) font-style - vendos stilin e shkronjave. Sintaksë:
stili i fontit: normal | italik | i zhdrejtë | trashëgojnë
Vlerat:
- normal - drejtshkrim normal;
- italic - italic
- oblique - font me një prirje në të djathtë;
- inherit - trashëgon drejtshkrimin e elementit prind.
Një shembull se si të ndryshoni fontin në html duke përdorur këtë pronë:
stili i shkronjave: trashëgoj
stili i shkronjave: italic
stili i shkronjave: normale
stili i shkronjave: i zhdrejtë
4) font-variant - konverton të gjitha shkronjat e mëdha në shkronja të mëdha. Sintaksë:
font-variant: normal | kapele te vogla | trashëgojnë
Një shembull se si të ndryshoni fontin në html me këtë pronë:
font-variant:trashëgoj
font-variant:normal
font-variant:small-caps
5) font-pesha - ju lejon të vendosni trashësinë e shkrimit të tekstit (ngopje). Sintaksë:
pesha e shkronjave: e theksuar | më e theksuar | më e lehtë | normale | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Vlerat:
- bold - vendos fontin html në bold;
- më i guximshëm - më i guximshëm në krahasim me normalen;
- më i lehtë - më pak i ngopur në krahasim me normalen;
- normal - drejtshkrim normal;
- 100-900 - përcakton trashësinë e shkronjave në terma numerikë.
pesha e shkronjave: bold
pesha e shkronjave: më e guximshme
pesha e shkronjave: më e lehtë
pesha e shkronjave: normale
pesha e shkronjave: 900
pesha e shkronjave: 100
vetia e shkronjave dhe ngjyra e shkronjave html
Fonti është një tjetër veçori e kontejnerit. Brenda, ai kombinoi vlerat e disa vetive të krijuara për të ndryshuar fontet. Sintaksa e shkronjave:
font: font-size font-family | trashëgojnë
Gjithashtu, fontet e përdorura nga sistemi në etiketat në kontrolle të ndryshme mund të vendosen si një vlerë:
- titull - për butona;
- ikonë - për ikona;
- menu - menu;
- mesazh-kuti - për kutitë e dialogut;
- mbishkrim i vogël - për kontrolle të vogla;
- status-bar - fonti i shiritit të statusit.
font:ikona
font: titull
font: menu
font:message-box
mbishkrim i vogël
font:status-bar
font: italic 50px bold "Times New Roman", Times, serif
Paraqitja e faqes së internetit me cilësi të lartë ka qëllimin kryesor - të bëjë informacionin në faqe sa më të lexueshëm dhe miqësor për përdoruesit. Dhe puna me tekst përmes html është aftësia kryesore dhe themelore që duhet të keni kur punoni me sajte. Ky artikull detajon se si të ndryshoni madhësinë e tekstit duke përdorur gjuhën e shënjimit në ueb.
Formatimi i tekstit me HTML është i lehtë
Të gjithë ata që të paktën një herë u përballën me nevojën për të krijuar ose redaktuar faqe, gjëja e parë që ata pyetën ishte se si të formatonin tekstin në mënyrë që ai të plotësonte kërkesat e dëshiruara. Ka shumë mënyra për të përmbushur këtë detyrë, dhe mënyra më e lehtë për ta bërë këtë është drejtpërdrejt në kuadrin e vetë faqes duke përdorur gjuhën e shënjimit. Vlen një herë të kuptojmë se si ndryshon madhësia e shkronjave në html, dhe në të ardhmen nuk do të paraqesë më vështirësi.
Në këtë artikull, ne do të flasim në detaje se si kryhet formatimi i shkronjave në dokumentet html.
Parimet e përgjithshme për redaktimin e tekstit në faqet e internetit
Së pari ju duhet të kuptoni se çfarë opsionesh për formatimin e tekstit na jep html. Ekzistojnë tre karakteristika kryesore të një fonti - një tipografi (një karakteristikë që përcakton pamjen e shkronjave dhe karaktereve), ngjyra dhe madhësia. Lexueshmëria e çdo dokumenti varet nga sa kompetencë kombinohen këto karakteristika.
Karakteristikat e tekstit në shënjimin html ndryshohen duke përdorur etiketat dhe atributet. Etiketa është përbërësi kryesor i gjuhës, njësia kryesore logjike e saj dhe atributi përdoret për të vendosur një vlerë specifike për çdo element faqeje të shënuar me një etiketë.
Ju gjithashtu duhet të mbani mend se shfaqja e tekstit mund të ndryshojë kur përdorni shfletues të ndryshëm, kështu që përpara se të përfundoni punën në sit, duhet të siguroheni që informacioni të shfaqet saktë në të gjithë shfletuesit kryesorë të përdorur. Për shembull, madhësia e shkronjave në html kur përdorni versione më të vjetra të Internet Explorer mund të jetë e ndryshme në krahasim me versionet më të reja.
Etiketë
Etiketat kryesore që përdoren gjatë formatimit të tekstit në një faqe interneti janë Dhe .
Etiketa çift është përgjegjës për të gjitha karakteristikat e tekstit të formatuar, të cilat vendosen duke përdorur atributet përkatëse. Kjo etiketë është më e kuptueshme dhe e përshtatshme për t'u përdorur kur shtroni faqet.
Meqenëse ne jemi kryesisht të interesuar se si të ndryshojmë madhësinë e shkronjave në html, duhet të përdorim atributin e madhësisë.
Duket kështu:
Këtu është teksti
Vlera e madhësisë së shkronjave html jepet në njësi numerike nga 1 (më i vogli) deri në 7 (më i madhi). 3 merret tradicionalisht si vlera mesatare (që korrespondon me madhësinë 13.5 në tipografinë Times New Roman).
Prandaj, nëse futni kodin e mëposhtëm në trupin e dokumentit, atëherë kur hapni faqen në shfletues, do të shihni se si ndryshon madhësia e tekstit në varësi të vlerës së vendosur.
Madhësia e shkronjave 1
Madhësia e shkronjave 2
Madhësia e shkronjave 3
Madhësia e shkronjave 4
Madhësia e shkronjave 5
Madhësia e shkronjave 6
Madhësia e shkronjave 7
Përveç vlerave numerike absolute, mund të përdoren edhe ato relative. Ky etiketë përdoret gjithashtu për këtë. Madhësia e shkronjave html, siç u përmend më lart, është e paracaktuar në 3, kështu që mund të shtoni ose zbrisni vlera të plota prej andej për të marrë rezultatin e dëshiruar. Kështu duket:
Këtu është teksti
Me vlerën e specifikuar, madhësia e shkronjave do të korrespondojë me vlerën 6. Mund të kontrolloni në shfletues se si funksionon kjo dhe të eksperimentoni me kombinime të ndryshme vlerash numerike.
Me një etiketë ju mund të ndryshoni madhësinë dhe ngjyrën e fontit në html. Për të ndryshuar ngjyrën, përdorni atributin e ngjyrës dhe kodin heksadecimal të ngjyrës.
Për të bërë ndryshimet e nevojshme, atributet ndjekin njëra pas tjetrës në trupin e një etikete , nuk keni nevojë t'i ndani me asnjë shenjë pikësimi.
Etiketë
Ky etiketë ka një gamë më të gjerë karakteristikash dhe karakteristikash sesa . Zakonisht përdoret së bashku me CSS për të modifikuar dhe stiluar pjesë specifike të një dokumenti.
Për këtë etiketë, vlerat vendosen duke përdorur atributin e stilit. Kështu duket në kod:
Këtu është teksti
Siç mund ta shihni, këtu ne përdorim prezantimin e kodit CSS (madhësia e shkronjave), dhe madhësia vendoset duke përdorur pikat (pt, pikë). Vlera standarde është 12pt, e cila mund të ndryshohet duke u rritur ose ulur me një numër të plotë.
Madhësia e shkronjave ndryshon gjatë formatimit të titujve
Shpesh ju duhet të zvogëloni ose rritni madhësinë e shkronjave në html kur redaktoni titujt. Në këtë rast, detyra nuk është vetëm ndryshimi i madhësisë, por edhe zgjedhja logjike e një pjese të caktuar të tekstit dhe caktimi i saj si titull për bllokun e tekstit.
Në këtë rast, këshillohet të përdorni etiketa
— . Etiketë është titulli i nivelit të parë. Në shfletues, ai do të shfaqet si më i madhi, dhe etiketat nga përpara përdoret për të theksuar nëntitujt.
është titulli i nivelit të parë. Në shfletues, ai do të shfaqet si më i madhi, dhe etiketat nga përpara përdoret për të theksuar nëntitujt.
përdoret për të theksuar nëntitujt.
Titulli i nivelit të parë
Parametrat specifikë për këtë etiketë vendosen duke përdorur CSS - në këtë mënyrë mund të vendosni një vlerë specifike për madhësinë e tekstit, ngjyrën e tij dhe llojin e shkronjave.
Pra, ne kemi parë mënyrat kryesore për të ndryshuar madhësinë e shkronjave në html. Ky informacion është i mjaftueshëm për të krijuar një faqe interneti të pastër dhe me lexueshmëri të mirë.
Për lehtësi, merrni parasysh rekomandimet e mëposhtme:
- Kur vendosni, nuk duhet të kufizoheni në mjetet html. Pasi të keni zotëruar bazat e ndërtimit të një faqe interneti, mund të filloni të mësoni CSS. Kjo do të hapë horizonte të reja në krijimin e ueb faqeve.
- Ju nuk mund të neglizhoni testimin e faqes së përfunduar në shfletues të ndryshëm dhe në platforma të ndryshme. Siç u përmend më lart, parametrat e tekstit mund të ndryshojnë ndjeshëm, veçanërisht kur përdorni versione më të vjetra të shfletuesve.
- Duhet të përdorni gjithmonë hapësira dhe skeda kur shkruani kodin. Kjo e bën më të lehtë leximin dhe kuptimin.
- Komentet e kodit nuk janë vetëm një mjet për perceptim të lehtë, por edhe një shenjë e shijes së mirë midis zhvilluesve.
Si të ndryshoni madhësinë e shkronjave në html në faqen e internetit.
Jeta jonë përbëhet nga gjëra të vogla të përditshme që në një mënyrë ose në një tjetër ndikojnë në mirëqenien, disponimin dhe produktivitetin tonë. Nuk kam fjetur mjaftueshëm - më dhemb koka; piu kafe për të përmirësuar situatën dhe për të gëzuar - ai u bë nervoz. Unë me të vërtetë dua të parashikoj gjithçka, por thjesht nuk funksionon. Për më tepër, të gjithë përreth, si zakonisht, japin këshilla: gluten në bukë - mos u afroni, do të vrasë; një çokollatë në xhepin tuaj është një rrugë e drejtpërdrejtë drejt humbjes së dhëmbëve. Ne mbledhim pyetjet më të njohura për shëndetin, ushqimin, sëmundjet dhe u japim përgjigje, të cilat do t'ju lejojnë të kuptoni pak më mirë se çfarë është e mirë për shëndetin.
Përshëndetje për të gjithë lexuesit e këtij artikulli dhe pajtimtarët e blogut tim! Unë dua t'i kushtoj botimin e sotëm një teme pa njohuri për të cilën burimet tuaja të internetit nuk do të jenë të lexueshme dhe tërheqëse: "Si të vendosni një font në html". Vetë tema është e lehtë dhe jam i sigurt se do ta kuptoni shpejt.
Sidoqoftë, nuk duhet të harrojmë se gjuhët e uebit janë të pasura me të gjitha llojet e mjeteve të projektimit të shkronjave, të cilat në mënyrë ideale duhet t'i dini. Pas leximit të artikullit, do të zotëroni me besim formatimin e tekstit, do të mësoni se si të vendosni stile të ndryshme, lloje stilesh dhe dekorime të shkronjave, si dhe të ndryshoni madhësinë dhe ngjyrën e fjalive dhe shkronjave individuale. Le të fillojmë!
Fontet janë të ndryshme
Pjesa më e madhe e tabelave, shtypit dhe literaturës, faqeve të internetit dhe shërbimeve të tjera përdorin fontet standarde. Edhe pse janë komode, prej kohësh janë mërzitur dhe nuk bien në sy. Kjo është arsyeja pse shumë stilistë ndryshojnë paksa pamjen e dizajnit ose madje krijojnë stile të reja. Shkronjat më të famshme dhe me ndikim janë:
- Helvetica;
- Futura;
- Garamond;
- Bodoni;
- Bembo;
- Rockwell;
- Times New Roman.
Dallimet kryesore të tyre janë në lidhje me familje të caktuara. Ka familje serif, serif, dekorativ, italic dhe monospace.
Dua të theksoj gjithashtu se ka 5 njësi të madhësive të shkronjave.
Le të fillojmë me gjuhën html dhe "krijimtarinë" e saj
Emri së pari kokë
P nëntitull me shkronjë të kuqe!
Këtu ndodhet së pari paragraf aktuale shembull. Për qartësi keto fjale do të shkruhet me shkronja të pjerrëta.
Kujtojmë se atributi rresht = "qendër" vendos tekstin që të shfaqet në qendër.
Dhe tani është koha css për të treguar aftësitë tuaja
Pavarësisht të gjithë grupit të etiketave të ndryshme të ofruara nga html, css është një mjet më i përshtatshëm dhe fleksibël për stilimin e pamjes së shkronjave.
Karakteristikat kryesore të përdorura për të formatuar përmbajtjen janë font dhe përbërësit e tij: tekst-dekorim.
Së pari, le të analizojmë font. Ky është një parametër universal, falë të cilit mund të vendosen disa vlera në të njëjtën kohë. Përveç kësaj, çdo parametër funksionon me fjalët e veta kyçe.
| Emri i pronës | Fjalë kyçe |
| font-familje | Mund të instalohet si familje standarde të shkronjave: pa serif (sans-serif); antike (serif); dekorative (fantazi); Kursive (kursive); monospace (monospace), Kështu janë edhe stilet ekzistuese standarde (Arial, Calibri, etj.). |
| përmasa e germave | Për të vendosur dimensionin absolut të simboleve, përdoren shënimet e mëposhtme: xx-i vogël, x-i vogël, i vogël, i mesëm, i madh, x-i madh, xx-i madh. Ju gjithashtu mund të vendosni një vlerë unike. |
| font-pesha | Përgjegjës për ngopjen e stilit të tekstit. Ndryshon brenda një diapazoni ose të specifikuar duke përdorur fjalët normale, të theksuara, më të lehta ose më të theksuara. |
| font-variant | Përcakton paraqitjen e shkronjave duke përdorur fjalët kyçe: shkronja të vogla, normale ose trashëgim. |
| stili i shkronjave | Vendos stilin e zakonshëm (normal), të zhdrejtë (zhdrejt), italic (të pjerrët) ose trashëgon prindin (trashëgojë). |
| font-shtrirje | Përcakton dendësinë e shkronjave. Ju mund të specifikoni vlerat e mëposhtme: ultra-kondensuar, ultra-zgjeruar, ekstra-kondensuar, ekstra-zgjeruar, gjysmë i kondensuar, gjysmë i zgjeruar, normal, i zgjeruar, i kondensuar dhe trashëguar. |
Pronës tekst-dekorim ndihmon në dekorimin e tekstit me elementë shtesë si nënvizimi ( nënvizojnë), grevë ( vijë përmes), vijëzim ( mbivendosja), si dhe të trashëgojë parametrat e prindit ( trashëgojnë) ose anuloni të gjithë pastrimin ( asnje).
Dhe tani është koha për shembullin e dytë. Mora kodin e mëparshëm dhe e stilova me css. Pra, titulli u stilua me një hije (duke përdorur pronën teksti -hije) dhe me një kontur rreth ( kufiri-ngjyrë). Në të njëjtën kohë, e bëra një fjalë më të madhe. Doja të përdorja gjithashtu parametrin errësirë për të vendosur transparencën e titrave.
Emri së pari kokë
Titra e tejdukshme!
Këtu ndodhet së pari paragraf aktuale shembull. Për qartësi keto fjale do të shkruhet me shkronja të pjerrëta.
Ju lejon të nënvizoni tekstin me shkronja të pjerrëta, të pjerrëta ose anasjelltas për t'i dhënë tekstit një pamje standarde. Kjo pronë ka vetëm tre vlera:
- normal - tekst standard që ka një stil normal, pra jo italik dhe jo italic
- italic - stil italic
- zhdrejtë - stil i zhdrejtë
Një paragraf me një vlerë normale.
Një paragraf me vlerën italike.
Një paragraf me vlerën e zhdrejtë.
Provoni »Shkronjat kursive kanë qenë tradicionalisht versione të stilizuara të shkronjave të shkruara të bazuara në kaligrafi, ndërsa shkronjat kursive janë krijuar thjesht duke shtuar një pjerrësi të lehtë në karaktere. Shumica e shkronjave nuk përmbajnë një grup karakteresh të pjerrëta, kështu që shfletuesi shpesh përdor një algoritëm të pjerrët për karakteret e tekstit. Kjo do të thotë që në shumë raste nuk do të shihni dallimin midis italic dhe zhdrejtë.
Përmasa e germave
Ndryshimi i madhësisë së shkronjave të një elementi është një mënyrë e mirë për ta theksuar vizualisht dhe për t'i dhënë vlerë, ose anasjelltas për të treguar se ky informacion nuk duhet të tërheqë vëmendjen mbi vete.
Vetia font-size përdoret për të ndryshuar madhësinë e fontit. Ka disa mënyra për të specifikuar madhësinë e shkronjave, merrni parasysh më të zakonshmet prej tyre:
Piksele
Vlerat e pikselit përdoren shpesh sepse kjo qasje siguron kontroll shumë të mirë mbi madhësinë. Vlera numerike përfundon me karakteret fjalë për fjalë px, të cilat duhet të ndjekin menjëherë numrin (nuk duhet të ketë hapësirë midis numrit dhe px).
Trupi (madhësia e shkronjave: 14 px; )
Interesi
Madhësia e paracaktuar e shkronjave në shfletues është 16 px. Pra, 100% është 16px dhe 200% është 32px. Nëse përcaktoni një rregull që vendos të gjithë tekstin brenda një elementi
një vlerë prej 75% të madhësisë së paracaktuar (që do të ishte 12 px), dhe më pas përcaktoni një rregull tjetër që vendos një vlerë prej 75% për elementin e tij fëmijë, atëherë madhësia e shkronjave të elementit do të jetë 9 px (d.m.th. 75% e 12 px).Trupi (madhësia e shkronjave: 100%; )
EM
Njësia em ju lejon të ndryshoni madhësinë e fontit në lidhje me madhësinë e shkronjave të elementit prind. Meqenëse madhësia e paracaktuar e shkronjave në shfletues është 16 px, mund të përdorni rregulla të ngjashme me ato të përdorura për vlerat e përqindjes.
Trupi (madhësia e shkronjave: 14 px; ) h2 (madhësia e shkronjave: 1.2em; )
Në shembull, ne vendosëm elementin
madhësia e shkronjave 14 px dhe për të gjithë elementët- 1.2 em. Kjo do të thotë se madhësia e shkronjave të titujve të nivelit të dytë do të shkallëzohet me një faktor prej 1.2. Në rastin tonë, madhësia e të gjithë titujve do të jetë 1.2 herë madhësia e shkronjave të elementit , që do të thotë 1.2 herë më e madhe se 14px, që është afërsisht e barabartë me 17px. (Në fakt, madhësia do të ishte 16.8, por shumica e shfletuesve do ta rrumbullakosin atë në 17.)
Shënim: Në thelb, përqindjet dhe ems janë dy mënyra të ndryshme për të arritur të njëjtin qëllim. Të dyja ju lejojnë të vendosni madhësinë në lidhje me madhësinë e shkronjave të elementit prind.
Fjalë kyçe
CSS ofron shtatë fjalë kyçe që ju lejojnë të caktoni një madhësi fonti në lidhje me madhësinë e paracaktuar (16 px): xx-small, x-small, small, medium, large, x-large dhe xx-large.
P (madhësia e shkronjave: i vogël; )
Medium është madhësia e paracaktuar e shkronjave në shfletues. Pjesa tjetër e vlerave ulin ose rrisin madhësinë e shkronjave me koeficientë të ndryshëm. Madhësia më e vogël e shkronjave xx-small është rreth 9 piksele, secila madhësi pasuese është rreth 20% më e madhe se ajo e mëparshme:
Ndryshimi i madhësisë me përqindje.
Ndryshimi i madhësisë me pikselë.
Ndryshimi i madhësisë me fjalën kyçe x-small.
Të gjithë kemi përdorur redaktuesin e mirënjohur të tekstit Word. Dhe ne e dimë se është shumë e lehtë të ndryshosh fontin, madhësinë dhe ngjyrën e tekstit në të. Pra, edhe në html, pa shumë vështirësi, mund t'i vendosni këto parametra. Ekziston një etiketë për këtë. . Është çiftuar dhe për këtë arsye ka një etiketë mbyllëse, sepse shfletuesi duhet të kuptojë se ku është fillimi dhe fundi i tekstit në të cilin ndryshojmë parametrat. Etiketë ka tre atribute: fytyra, madhësia dhe ngjyra, të cilat përcaktojnë përkatësisht fontin, madhësinë dhe ngjyrën e tekstit. Në këtë tutorial, ne do t'i hedhim një vështrim më të afërt shkronjave.
për të ndryshoni fontin e tekstit në html– file, tekstin duhet ta fusim në etiketa Dhe dhe sigurohuni që të aplikoni atribut i fytyrës. Duket kështu:
tekstin tonë
Emrat e shkronjave mund të shihen në redaktuesin Word. Ka një listë mjaft të gjatë. Le të marrim një shembull se si të ndryshojmë fontin e tekstit në html dhe të shkruajmë kodin e mëposhtëm:
Ky tekst do të shkruhet me fontin e paracaktuar
Ky tekst do të shkruhet me fontin Batang
Ky tekst do të shkruhet me fontin Comics Sans MS
Le ta ruajmë skedarin me çdo emër dhe të shohim se çfarë ndodh:
Siç mund ta shohim, gjithçka funksionoi: paragrafi i parë është në fontin e paracaktuar, në paragrafin e dytë vendosëm fontin Batang dhe në paragrafin e tretë teksti shfaqet në fontin Comic Sans MS. Në parim, gjithçka është e lehtë dhe e kuptueshme, por ka një vërejtje. Meqenëse fonti i dhënë nuk ruhet në skedarin HTML, nuk ka asnjë garanci që do të shfaqet ashtu siç duhet në shfletues. Nuk mund të jemi 100% të sigurt që kompjuteri i vizitorit ka fontin që kemi vendosur, veçanërisht nëse ky font nuk është standard. Prandaj, në atributin e fytyrës, është më mirë të specifikoni rreth tre emra të shkronjave, të cilët renditen të ndarë me presje, në mënyrë që të paktën njëri prej tyre të shfaqet me siguri. Le të shohim një shembull:
Ky tekst duhet të shfaqet në Batang ose Comic Sans MS, ose patjetër Arial
Le të shohim rezultatin:
Teksti shfaqet me fontin Batang, të cilin e kemi specifikuar fillimisht në atributin e fytyrës. Nëse ky font nuk funksionon në shfletuesin e vizitorit, atëherë do të funksionojë fonti i dytë - Comic Sans MS, dhe nëse ky font nuk funksionon, atëherë teksti me siguri do të shfaqet në fontin Arial.
Opsione të tjera të fontit
Dhe për një meze të lehtë, le të shohim opsionet e tjera të shkronjave. Në mësimin e parë, ne kemi shqyrtuar tashmë etiketat që vendosin fontin e theksuar dhe të pjerrët, këto janë etiketat Dhe përkatësisht. Le të shohim disa etiketa të tjera që stilojnë fontin:
Nënvizoni tekstinkaloni këtë pjesë
dhe vendosni mbishkrimin e fjalës krye
Le të shohim rezultatin:
Ne vendosëm fontin në Comic Sans MS për të gjithë tekstin, rreshti i parë u nënvizua duke përdorur etiketën , mbani mend që në mësimin e parë se etiketa
bën një thyerje rreshti, rreshti i dytë kryqëzohet falë etiketës dhe në rreshtin e fundit ne mbishkruam fjalën "lart". Asgjë e komplikuar! Ju mund të eksperimentoni vetë me pjesën tjetër të etiketave. Nëse gjithçka është e qartë për ju, mund të kaloni në mësimin tjetër, në të cilin do të shikojmë se si të vendosim madhësinë e tekstit, por nëse keni akoma pyetje, shikoni videon e detajuar të këtij mësimi.
