Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Windows 8
  • atributet e fontit html. Fonti (Fytyra, madhësia dhe ngjyra), Blockquote dhe etiketat para - formatimi i tekstit të vjetër në HTML të pastër (pa CSS)

atributet e fontit html. Fonti (Fytyra, madhësia dhe ngjyra), Blockquote dhe etiketat para - formatimi i tekstit të vjetër në HTML të pastër (pa CSS)

Etiketë është një enë për ndryshimin e karakteristikave të shkronjave si madhësia, ngjyra dhe shkronja. Edhe pse kjo etiketë ende mbështetet nga të gjithë shfletuesit, ajo është e vjetëruar dhe duhet të zhvlerësohet në favor të stileve.

Sintaksë

Teksti

Parametrat

Përshkrimi i parametrave të etiketës


Parametri COLOR

Vendos ngjyrën e tekstit brenda kontejnerit .

Sintaksë

...

CSS analoge me ngjyra

Parametri FACE

Parametri i fytyrës përdoret për të vendosur tiparin e përdorur për tekstin. Mund të jepen disa emra shkronjash, të ndara me presje. Në këtë rast, nëse fonti i parë i specifikuar nuk gjendet, shfletuesi do të përdorë fontin tjetër në listë.

Sintaksë

...

Argumentet - çdo numër i emrave të shkronjave të ndara me presje. Familjet universale të shkronjave:

  • serif— fontet serif (antike), të tilla si Times;
  • sans serif- fontet e copëtuara (fontet pa serife ose groteskë), përfaqësues tipik është Arial;
  • kursive- fontet kursive;
  • fantazi— fontet dekorative;
  • monohapësirë- fontet monospace, gjerësia e çdo karakteri në një familje të tillë është e njëjtë.

CSS analoge - font-familje

Parametri SIZE

Vendos madhësinë e shkronjave në njësi arbitrare nga 1 në 7. Madhësia mesatare e përdorur si parazgjedhje është 3. Madhësia e shkronjave mund të specifikohet ose si vlerë absolute (për shembull, madhësia = "4") ose relative (për shembull, madhësia= "+1", madhësia = "-1"). Në rastin e fundit, madhësia ndryshon në lidhje me bazën. Madhësia e fontit ndikohet jo vetëm nga parametri i madhësisë së specifikuar, por edhe nga zgjedhja e shkronjave. Për shembull, fonti Arial duket më i madh se fonti Times dhe fonti Verdana është pak më i madh se fonti Arial. Merrni parasysh këtë veçori kur zgjidhni një font dhe madhësitë e tij.

Sintaksë

...

Argumenti është një numër i plotë nga 1 në 7, ose duke ndryshuar vlerën lart ose poshtë duke përdorur simbolet + dhe -.

Në artikullin e fundit, ju thashë se si t'i përdorni ato, etj. Dhe sot do t'ju tregoj për një pjesë tjetër integrale në ndërtimin e faqes, përkatësisht atributet e etiketave html. Dhe sigurisht, sipas traditës, ne do t'i konsiderojmë ato me shembuj të drejtpërdrejtë dhe do ta provojmë në faqen tonë me Lukomorye, të cilën e joshëm në artikullin e fundit.

Një atribut është një shtesë e veçantë për një etiketë që zgjeron aftësitë e tij dhe mund të ndryshojë vetitë e përmbajtjes. Dhe nëse etiketa është gjithmonë e fiksuar, atëherë atributi mund të ketë shumë vlera. Për shembull, në etiketë ne mund të vendosim atribute për ngjyrën e tekstit, madhësinë, fontin, etj. Por ne do t'i hedhim një vështrim më të afërt fontit në një artikull tjetër.

Dalloni midis atributeve universale dhe jouniversale. Ato universale janë të përshtatshme për pothuajse çdo etiketë, ndërsa ato jo universale janë të përshtatshme për një ose më shumë, por jo për të gjithë...

Atributi shkruhet brenda etiketës pas vlerës së tij, por përpara kllapës së këndit të mbylljes. Së pari, vendoset vetë atributi, më pas shenja e barazimit dhe më pas vetë vlera në thonjëza. Duket kështu:

Teksti

Çfarë del nga ky shembull? Ne hapëm një paragraf dhe brenda etiketës vendosëm atributin align, i cili është përgjegjës për shtrirjen e tekstit. Më pas, vendosim shenjën "=", që do të thotë se po i caktojmë një vlerë këtij atributi. Më tej në thonjëza shkruajmë pikërisht këtë vlerë. Në këtë rast, është "qendër". Kjo do të thotë se teksti në këtë (dhe vetëm këtë!) paragraf do të jetë në qendër. Provojeni vetë.

Por mos harroni të shikoni faqen. htmlbook. Ju patjetër do të gjeni atë që përputhet me çfarë. Kjo është vetëm një referencë desktopi për çdo zhvillues ueb, dhe aq më tepër për një fillestar.

Rreshtoni

Siç e keni kuptuar tashmë, ky atribut nënkupton shtrirjen e tekstit. Zakonisht vendoset në ato etiketa që janë përgjegjëse për vetë përmbajtjen (tekst, foto, etj.). Në përgjithësi, mund ta vendosni në titujt (

,...,

), në paragrafët (

), fotografi , element blloku (

).

Vlerat e mundshme të atributeve:

  • Shtrirja majtas - majtas (e parazgjedhur)
  • shtrirje djathtas - djathtas
  • shtrirje qendër - qendër
  • justifikoj - shtrirje me gjerësi të plotë

Mundohuni të praktikoni dhe shikoni se si do të ndryshojë pozicioni i elementëve tuaj.

Titulli

Emri i njohur, apo jo? Vërtet. Ekziston një etiketë e tillë, dhe ne e vendosim atë në mes dhe . Por tani po flas posaçërisht për atributin, dhe i përshtatet pothuajse çdo etikete, pasi është universal. Dhe ju duhet si një aluzion kur rri pezull. Dhe në fund të fundit është se ju e shkruani këtë aluzion vetë. Duket diçka si kjo:

Sa është 5-3?

Çfarë shohim këtu? Në fillim hapim paragrafin, më pas përshkruajmë vetë atributin dhe i japim vlerën “Epo, pse je budalla? Do të ketë 2. Më pas, shkruajmë tekstin e shfaqur dhe në fund mbyllim etiketën

.

Çfarë do të ndodhë më pas? Ruani dokumentin dhe shikoni vetë. Kur rri pezull mbi tekst me kursorin, duhet të shfaqet një këshillë mjeti.

Vlera të shumëfishta

Një etiketë mund të përmbajë çdo numër atributesh. Gjëja kryesore është që ato korrespondojnë me këtë etiketë. Ja një shembull për ju:

përmbajtja

Siç mund ta shihni, gjithçka është mjaft e thjeshtë këtu, vetëm në një etiketë ju duhet të shkruani të gjitha atributet e ndara nga një hapësirë. Nga ky shembull, ne shohim se përmbajtja do të jetë e rreshtuar djathtas dhe kur kaloni pezull mbi të me kursorin e miut, do të shfaqet një këshillë veglash. Gjithçka është e thjeshtë. Shpresoj se gjithçka është e qartë?

Epo, tani le të kthehemi te Lukomorye-ja jonë, të cilën e bëmë në mësimin e fundit.

Shembull i gjallë

  • Lidhni të gjithë tekstin në dokument me "Lukomorye" në qendër (së bashku me titujt),
  • Në titullin e nivelit të parë, vendosni aludimin "Autori i veprës është A.S. Pushkin"

Nëse nuk e keni skedarin e përfunduar nga mësimi i mëparshëm, atëherë merrni atë dhe vendosni të gjitha atributet e nevojshme në mënyrë që gjithçka të dalë sipas detyrës.

Dhe sipas traditës, në fillim, bëni gjithçka vetë. Dhe nëse nuk funksionon, atëherë shihni hapat që kam shkruar më poshtë.


Pas kësaj, ne ruajmë dokumentin html dhe e ekzekutojmë atë. Le të kontrollojmë se çfarë kemi. A është gjithçka në rregull? Mendoj se duhet të jesh mirë. Por prapëseprapë, unë mendoj se shumë prej jush janë lodhur duke vënë atribute në çdo katrain. Unë do t'ju tregoj se si ta lehtësoni këtë proces.

Nëse keni nevojë të vendosni të njëjtin atribut në një segment të madh, atëherë etiketa do të na ndihmojë me këtë.

. Një DIV është vetëm një element blloku bosh që shërben si një lloj kontejneri për t'u mbështjellë. Këtu mund të futni atribute të ndryshme për qëllimin e aplikimit në një fragment të përbashkët. Dhe nëse madje dëshironi të aplikoni atributin në të gjithë dokumentin, atëherë në përgjithësi mund ta shkruani atë në etiketën kryesore .

Në përgjithësi, në këtë rast, nuk mund të vendosni atributin align="center" në çdo etiketë. Thjesht duhet të vendosni

përpara kokës dhe mbylleni me
në fund të të gjithë tekstit. Epo, brenda
set align="center" , por vetëm një herë. Për mendimin tim është shumë më i shpejtë dhe më i përshtatshëm dhe rezultati është i njëjtë.

Epo, si? A e kuptoni parimin e përgjithshëm? Ne thjesht do të vazhdojmë të eksplorojmë më shumë. Gjëja kryesore është që ju të kuptoni vetë parimin e etiketimit dhe atributeve. Nëse po, bëni pyetjet tuaja. Unë do të jem i lumtur t'u përgjigjem atyre.

Epo, për një trajnim të plotë në parimin e krijimit të një siti, unë rekomandoj të shikoni një kurs të shkëlqyer video " HTML5 dhe CSS3 nga zero në pro Aty do të mësoni HTML, CSS, do të mësoni se si të krijoni faqet e kartave të biznesit, bloget dhe madje edhe dyqanet online. Kursi është thjesht i vdekur për një zhvillues rishtar web.

Epo, mbarova për sot. Shpresoj se ju ka pëlqyer artikulli dhe e keni gjetur të dobishëm. Mos harroni të abonoheni në përditësimet e blogut tim për të qenë të përditësuar me të gjitha më interesantet dhe për të mos humbur mësimet e reja. Epo, unë të them lamtumirë sot. Ju uroj suksese në zotërimin e materialit. Mirupafshim!

Sinqerisht, Dmitry Kostin.

< FONT MADHËSIA=… NGJYRË=... FYTYRA=...> tekst FONT>

MADHËSIA- instalon përmasa e germave Për t'u përdorur nga teksti që përmban elementi FONT. Ju mund të vendosni madhësinë absolute të shkronjave duke specifikuar një numër të plotë midis 1 dhe 7. Ju gjithashtu mund të specifikoni një madhësi fonti madhësia relative, duke i dhënë atributit një numër të plotë të nënshkruar (për shembull, mund të jetë SIZE="+1" ose SIZE="-2").

NGJYRË- tregon ngjyrë, e cila do të nxjerrë në pah këtë pjesë të tekstit. Ngjyrat përcaktohen si një vlerë RGB me shënim heksadecimal, ose zgjidhet një vlerë karakteresh e një prej ngjyrave standarde.

FYTYRA- grupe shkronja e shkruar, për shembull FACE=ARIAL.

teksti - teksti teletip (monospaced).

teksti - stili i shkronjave të pjerrëta ( kursive).

teksti- stil me të guximshme font.

teksti U>- stil me duke nënvizuar teksti.

teksti I MADH>- printoni tekstin në font i tepruar(më e madhe se teksti përreth).

teksti I VOGËL>- printoni tekstin në font madhësia e reduktuar(më i vogël se teksti përreth).

teksti SUB>- shtypja e tekstit me një zhvendosje poshtë ( nënshkrim ose nënshkrim).

teksti sup>- shtypja e tekstit me një zhvendosje lart ( mbishkrim ose mbishkrim).

teksti GREVË> ose < S> S> - stil me tekst gërmues.

Etiketa speciale html

Etiketë< ADRESË> përdoret për të theksuar autorin e dokumentit dhe adresën e tij (për shembull, e-mail).

Disa personazhe janë personazhet e kontrollit në HTML dhe shtohen në tekst vetëm duke përdorur sekuencat ESC:

    kllapa këndore e majtë "<" - <

    kllapa me kënd të drejtë ">" ->

    ampersand "&" - &

    thonjëza të dyfishta """ - "

Ka një numër të madh sekuencash ikjeje për karaktere të veçanta, si " " për  dhe "®" për . Një nga veçoritë është zëvendësimi i karaktereve në pjesën e dytë të tabelës së karaktereve (pas karakterit të 127-të) me sekuenca ikjeje për transferimin e skedarëve tekst me gjuhë kombëtare përmes kanaleve 7-bit.

Sekuencat ESC rast i ndjeshëm: NUK MUND të përdoret në vend të<.

Etiketat më të përdorura janë paraqitur në tabelën 2.

Tabela 1.2 - Etiketat bazë për formatimin e një dokumenti HTML

atribut

Funksioni

version= linjë

Përcakton versionin e HTML që është përdorur për të krijuar këtë dokument

Teksti i etiketuar do të shfaqet me shkronja të pjerrëta

Etiketa HEAD - etiketat e fillimit dhe të përfundimit të pjesës së kokës së një dokumenti HTML

etiketëTITULLI- etiketat e kokës së fillimit dhe mbarimitHTML-dokument

etiketëA- etiketat e fillimit dhe të përfundimit që ju lejojnë të krijoni një hiperlink (atributhref) ose identifikues i fragmentit (atributemri) kokëHTML-dokument

href= url

Përcakton URL-në e dokumentit të synuar të hiperlidhjes (kërkohet nëse kjo nuk është një spirancë emri)

metoda= listë

Përcakton një listë të metodave të shfaqjes specifike të shfletuesit (të ndara me presje)

emri= linjë

Emri i identifikuesit të fragmentit është specifikuar (kërkohet nëse kjo nuk është një ankorim lidhjesh hiperteksti)

rel= lidhje

Përcakton marrëdhënien e këtij dokumenti me dokumentin e synuar

rev= lidhje

objektiv= emri

Përcakton emrin e kornizës ose dritares së shfaqjes së dokumentit të referuar

titull= linjë

Specifikon Emrin Uniform të Burimit të pavarur nga vendndodhja për hiperlidhjen e dhënë

etiketëADRESË– teksti i bashkangjitur në këto etiketa është një adresë

etiketëB– Teksti i bashkangjitur në këto etiketa do të shfaqet me shkronja të zeza

etiketëbazë- tregon bazënURLpër të gjithë të afërmitURLnë këtë dokument

atribut

Funksioni

href= url

URL-ja bazë është e specifikuar

objektiv= emri

Vendos dritaren e synuar të paracaktuar për të gjitha lidhjet në dokument. Është menduar kryesisht për ridrejtimin e lidhjeve në korniza të tjera. Ekzistojnë katër vlera të veçanta: _bosh, _prind, _vetë dhe _lart

etiketëBAZËFONTI- tregon madhësinë e shkronjave për tekstin pasues

atribut

Funksioni

madhësia= kuptimi

etiketëE MADHE– Teksti i mbyllur në etiketa do të shfaqet në një madhësi më të madhe të shkronjave

etiketëTRUPI- etiketat e fillimit dhe të përfundimit të trupit të dokumentit

alink= ngjyrë

Vendosni ngjyrën e lidhjeve aktive të hipertekstit në një dokument

sfond= url

URL-ja e imazhit të sfondit është specifikuar.

bgcolor= ngjyrë

Cakto ngjyrën e sfondit të dokumentit

bgproperties= kuptimi

Nëse kuptimi e barabartë me fikse, parandaloni që imazhi i sfondit të lëvizë së bashku me përmbajtjen e dokumentit (dmth2 e lart)

margjina e majtë=vlera n dmth

Vendosni madhësinë (në pixel) të margjinës së majtë të dokumentit (dmth2 e lart)

lidhje= ngjyrë

Vendosni ngjyrën e lidhjeve të hipertekstit "të pavizituara" në një dokument

tekst= ngjyrë

Vendosni ngjyrën e tekstit të thjeshtë në një dokument

topmargin= kuptimi

Caktoni madhësinë (në pixel) të kufirit të sipërm të dokumentit (dmth2 e lart)

vlink= ngjyrë

Vendosni ngjyrën e lidhjeve "të vizituara" në një dokument

etiketëBR- thyejeni rrjedhën aktuale të tekstit dhe rifilloni atë nga fillimi i rreshtit tjetër

atribut

Funksioni

Vendos "mbështjelljen" e objektit, vendndodhja e të cilit tregohet nga vlera e këtij atributi (majtas, djathtas ose të gjitha). Kur mbështilleni në një rresht të ri, teksti do të pozicionohet në mënyrë që objekti të mbetet i dukshëm

etiketëQENDRA– vendosja e tekstit të etiketuar në qendër

etiketëCITE– teksti i mbyllur në etiketa është një citat

etiketëKOMENT– Koment në tekstin e dokumentit. Komentet do të jenë të dukshme në çdo shfletues. Për të gjithë shfletuesit, komenti paraqitet si

etiketëDD– vendoset një pjesë përshkruese për elementin e listës së përkufizimeve

etiketëDFN– teksti i mbyllur në etiketa është i formatuar si përkufizim

etiketëDL– krijimi i një liste përkufizimesh që përmbajnë etiketa< dt> dhe< dd>

etiketëDT– për elementin e listës së përkufizimeve vendoset pjesa përshkruese-kushtëzuar

etiketëngulit- etiketat e fillimit dhe të përfundimit që ju lejojnë të përshkruani objektin e ngulitur në dokument. Në varësi të llojit të objektit të ngulitur, mund të përfshihen parametra shtesë përveç atyre të renditur më poshtë.

atribut

Funksioni

Përcakton URL-në e objektit të ngulitur. Ky atribut kërkohet

lartësia= n

Përcakton lartësinë e zonës që do të zërë objekti i ngulitur

emri= emri

Specifikon emrin e objektit të ngulitur

Përcakton gjerësinë e zonës që do të zërë objekti i integruar

etiketëFONT– vendosja e madhësisë, ngjyrës ose tipografisë së tekstit të etiketuar

atribut

Funksioni

Vendosja e ngjyrës së tekstit të etiketuar

fytyrë=listë

Vendos llojin e tekstit të etiketuar (vendos emrin e fontit të parë në një listë të ndarë me presje)

madhësia= kuptimi

Caktoni madhësinë e fontit bazë. Gama - 1 deri në 7

etiketëhn– teksti i mbyllur në etiketa është titulli i nivelitn. Vlerat e mundshmen- nga 1 në 6

atribut

Funksioni

rreshtoj= një lloj

Përcakton se si duhet të rreshtohet titulli: majtas (majtas, parazgjedhje), qendër (në qendër) ose djathtas (djathtas)

etiketëHR– prishja e rrjedhës aktuale të tekstit. Një vizore horizontale do të futet në pikën e thyerjes.

atribut

Funksioni

rreshtoj= një lloj

Përcakton se si duhet të rreshtohet vizore: majtas (majtas), në qendër (në qendër, parazgjedhje) ose djathtas (djathtas)

Mos përdorni hijezim vëllimor kur shfaqni vizoren

Vendosja e trashësisë së vizores në një numër të plotë pikselësh

gjerësia= kuptimi

etiketëUnë- Teksti i mbyllur në etiketa do të shfaqet me shkronja të pjerrëta

etiketëimg– një imazh futet në rrjedhën aktuale të tekstit

atribut

Funksioni

alt= teksti

Përcakton tekstin alternativ për shfletuesit që nuk mbështesin imazhe

Kufiri= n

Vendos trashësinë (në piksel) të kornizës rreth imazheve të përfshira në hiperlidhje

Shtimi i kontrolleve të luajtjes për videoklipet e integruara (dmth2 e lart)

Dynsrc= url

E dhënëURL- adresa e videoklipit që do të fotografohet( dmth 2 e lart)

Lartësia = n

Vendos lartësinë e figurës në pixel

Hspace= n

Përcakton vendosjen majtas dhe djathtas të imazhit të zonave të hapësirës së lirë me gjerësi prej n piksel

Specifikon që kur përdorni këtë etiketë brenda etiketës imazhi zgjidhet me miun

lak= kuptimi

Cakto numrin e herëve për të përsëritur riprodhimin e videos. Kuptimi mund të jetë një numër i plotë ose një vlerë e pafundme (dmth2 e lart)

Lowsrc= url

Tregohet nga imazhi me rezolucion të ulët që shfletuesi duhet të ngarkojë së pari. Pasohet nga imazhi i specifikuar nga atributi (dmth2 e lart)

Përcakton URL-në e burimit të imazhit që do të luhet. Ky atribut kërkohet

fillimi= Filloni

Përcakton kur të luhet videoklipi (opsionet: hapja e skedarit ose zhvendosja e miut)

Harta e përdorimit= url

Përcakton zonën e imazhit që është e ndjeshme ndaj lëvizjes së miut

vspace= n

Vendos vendosjen sipër dhe poshtë imazhit të zonave të hapësirës së lirë me n piksel

Përcakton gjerësinë e imazhit në pixel

etiketëKBD– teksti i mbyllur në etiketa futet karakter për karakter (si kur shkruani nga tastiera)

etiketëLIDHJE- në titull (< kokë >) dokumenti përcakton një lidhje nga ky dokument në një dokument tjetër

atribut

Funksioni

href= url

metoda= listë

Vendos një listë të metodave të shfaqjes për këtë lidhje, në varësi të shfletuesit (të ndara me presje)

rel= lidhje

Përcaktohet marrëdhënia e këtij dokumenti me dokumentin e synuar. Për InternetExplorer3.0rel=style nënkupton ekzistencën e një fletë stili të jashtëm

rev= lidhje

Përcaktohet reagimi i dokumentit të synuar me të dhënat

Përcakton URL-në e fletës së stilit të jashtëm që do të përdoret për të formatuar dokumentin ( dmth2 e lart)

titull= linjë

Vendos titullin e dokumentit të synuar

lloji= tekst/css

Për dokumentin e synuar, specifikohet emri universal i burimit, pavarësisht nga vendndodhja e tij

etiketëHARTA- përcaktohet zona e imazhit që është e ndjeshme ndaj lëvizjes së miut

atribut

Funksioni

emri= linjë

Specifikon emrin e kësaj sfere. Ky atribut kërkohet

etiketëNOBR– pushimet nuk lejohen në tekstin e mbyllur në etiketa

etiketëP- etiketat e fillimit dhe përfundimit të paragrafit

rreshtoj= një lloj

Vendos shtrirjen e tekstit në një paragraf: majtas (majtas), qendër (në qendër) ose djathtas (djathtas)

etiketëPLANTEKSTI- tregon se pjesa tjetër e dokumentit duhet të shfaqet pa përpunim, si tekst i paraformatuar

etiketëPARA– teksti i mbyllur në etiketa do të shfaqet kështu. si ishte paraformatuar, pa përpunim, me respektim të rreptë ndaj ndërprerjeve dhe intervaleve të rreshtave

Shfletuesi do të shtrojë tekstin në mënyrë që rreshti të përshtatet (nëse është e mundur) me n karaktere

etiketëS

etiketëSAMP– teksti i mbyllur në etiketa është një shabllon

etiketëE VOGLA– Teksti i mbyllur në etiketa do të shfaqet në një madhësi më të vogël fonti

etiketëSPACER- futni një ndarës në dokument(VetëmN3)

lloji= një lloj

Lloji i ndarësit është specifikuar: vertikal - një zonë e hapësirës së bardhë të madhësisë së specifikuar vendoset midis dy rreshtave të tekstit; horizontal - një zonë e hapësirës së bardhë të madhësisë së specifikuar vendoset midis fjalëve ose karaktereve; blloku - futja e një zone drejtkëndore

Përcakton (në piksel) gjerësinë e ndarësit horizontal ose lartësinë e ndarësit vertikal

Gjerësia e ndarësit të llojit të bllokut është specifikuar

lartësia= n

Lartësia e ndarësit të llojit të bllokut është e specifikuar

rreshtoj= kuptimi

Përcakton se si duhet të përafrohet ndarësi i bllokut në lidhje me tekstin përreth.

etiketëSPANJË– Teksti i etiketuar do të formatohet duke përdorur fletën e stilit(Vetëmdmth3 e lart)

atribut

Funksioni

stil= elementet

Për tekstin në një interval të caktuar, vendosen elementet e fletës së stilit

etiketëGREVË– Teksti i mbyllur në etiketa do të shfaqet si një vijë horizontale

etiketëNËN- teksti i mbyllur në etiketa do të shfaqet si një nënshkrim

etiketëSUP- Teksti i mbyllur në etiketa do të shfaqet si mbishkrim

etiketëTT– Teksti i mbyllur në etiketa do të shfaqet në një font me një hapësirë

etiketëVAR– teksti i mbyllur në etiketa është emri i ndryshores

Ngjyra e shkronjave në faqe mund të vendoset duke përdorur kodin HTML. Ekziston një etiketë për këtë. font. Sipas përkufizimit, etiketa font shërben si një lloj "mbështjellësi" ose "enë" për tekstin, duke kontrolluar vetitë e të cilit mund të ndryshoni dizajnin e tekstit.

Etiketë font zbatohet si më poshtë:

Ndërtues i faqes në internet "Nubex"

Mënyra më e lehtë për të ndryshuar ngjyrën e fontit në HTML është përdorimi i atributit ngjyrë etiketë font:

Ndërtues i faqes në internet "Nubex"

Kjo vendos ngjyrën blu për fjalën e përshtatur nga etiketa font.

Por përveç parametrit të ngjyrës, etiketa ka edhe atribute të tjera.

atributet e etiketës FONT

Etiketë font ka vetëm tre atribute:

  • ngjyrë- vendos ngjyrën e tekstit;
  • madhësia- vendos madhësinë e tekstit;
  • fytyrë- vendos familjen e shkronjave.

Parametri ngjyrë mund të specifikohet me një emër ngjyre (p.sh. "e kuqe", "blu", "jeshile") ose një kod heksadecimal (p.sh. #fa8e47).

atribut madhësia mund të marrë vlera nga 1 në 7 (parazgjedhja është 3, që korrespondon me 13.5 pikë për fontin Times New Roman). Një opsion tjetër për vendosjen e atributit është "+1" ose "-1". Kjo do të thotë që madhësia do të ndryshohet në raport me bazën, respektivisht një nga 1 pak a shumë.

Merrni parasysh përdorimin e këtyre atributeve në shembullin tonë:

Ndryshoni ngjyrën e shkronjave me HTML

Ndërtues i faqes në internet "Nubex"

Ne kemi aplikuar etiketën font për një fjalë, vendosni madhësinë 6 për të, ngjyrën portokalli dhe familjen e fontit "Serif".

Vendosja e ngjyrës së tekstit me CSS

Nëse keni nevojë të aplikoni një formatim të caktuar (për shembull, të ndryshoni ngjyrën e tekstit) në disa seksione të tekstit, atëherë do të ishte më e saktë të përdorni kodin CSS. Ekziston një atribut i ngjyrës për këtë. Le të shohim se si ta përdorim atë në shembullin tonë:

Ndryshoni ngjyrën e shkronjave me CSS

Konstruktor faqet "Nubex"

Këtu kemi vendosur ngjyrën blu për fjalën "Ndërtues" (madhësia e saj, si parazgjedhje, është 100% e bazës), ngjyrën e gjelbër dhe madhësinë 125% për fjalën "sites", ngjyrën portokalli dhe madhësinë 150% për fjalën "Nubex". ".

Përveç përdorimit të madhësive dhe stileve standarde të shkronjave (shkronjat), ju mund të përcaktoni fontet për çdo fragment teksti duke përdorur etiketa të veçanta. Mënyra më e lehtë është të përdorni të ashtuquajturat stilet fizike:

Për çdo etiketë të stilit fizik, ekziston një etiketë fundore përkatëse që anashkalon aplikimin e mëtejshëm të stilit. Për shembull, për etiketën etiketa mbyllëse është.
Më poshtë është një shembull i programit dhe pamja e stileve të ndryshme fizike:


<НЕАD><ТIТLЕ>Stilet fizike

<В>E guximshme
Kursivë
nënvizuar
të kryqëzuara
<ТТ>Makinë shkrimi
<ВХ1>Kursi i trashë
<ВХ1><и>E theksuar kursive e nënvizuar


Oriz. 649 Stilet fizike

Brenda etiketës së titullit, mund të futni një etiketë stili fizik për të modifikuar të gjithë titullin ose vetëm disa prej tij. Për shembull, për të përmbledhur një pjesë të tekstit të përcaktuar si titull, mund të përdorni konstruktin e mëposhtëm:


<НЕАD><ТIТLЕ>Stilet fizike dhe logjike

<Н2>kjo - modifikuar kreu i nivelit 2

Oriz. 650. Ndryshimi i stilit të fontit të pjesës së titullit

Me një etiketë të personalizuar mund të vendosni fontin për imazhin e tekstit: caktoni llojin, madhësinë dhe ngjyrën. Para së gjithash, mund të vendosni madhësinë e fontit kryesor, i cili përdoret në dokument si parazgjedhje. etiketa kryesore e fontit ka formatin . Madhësia e fontit bazë mund të caktohet nga 1 në 7. Nëse kjo etiketë nuk përdoret, madhësia e paracaktuar e fontit bazë vendoset në 3.
etiketë cakton madhësinë aktuale të shkronjave për fragmente të veçanta teksti. Kjo etiketë nuk ka asnjë efekt në stilet. Gama e vlerave të mundshme është nga 1 në 7. Kjo etiketë ju lejon gjithashtu të kontrolloni madhësinë e fontit aktual në krahasim me atë kryesor. Për ta bërë këtë, përdorni simbolin + (për të rritur) dhe simbolin - (për të ulur) madhësinë e shkronjave me një sasi të caktuar. Për shembull, nëse madhësia kryesore e shkronjave është vendosur në 3, atëherë etiketa vendos madhësinë aktuale të shkronjave në 5.
Etiketa përdoret për të vendosur llojin e shkronjave të fontit. . Për shembull:

Nëse kjo etiketë nuk përdoret në dokumentin tuaj, atëherë shfletuesi do të përdorë fontin e vendosur në cilësimet e tij. Prandaj, teksti në ekranin e përdoruesit mund të duket krejtësisht i ndryshëm nga ai që e imagjinonit. Duhet të keni parasysh gjithashtu se nëse fonti që caktoni nuk është i instaluar në kompjuterin e përdoruesit, atëherë shfletuesi do të shfaqë tekstin në fontin e paracaktuar.
Ju mundeni në etiketë specifikoni një listë të shkronjave të ndara me presje. Në këtë rast, shfletuesi do të përdorë fontin e parë që gjen. Për shembull, mund të shkruani një etiketë:

FACE="Arial, Sans Serif, Courier">

Zakonisht, fontet e ngjashme specifikohen në listë. Rekomandohet të caktoni fontet më të njohura. Kur vendosni informacione teksti në një faqe, është më mirë të mos caktoni fare një emër fonti, duke u mbështetur në cilësimet standarde të shfletuesit. Por më pas, kur dizajnoni faqen, duhet të përdorni gjithashtu cilësimet standarde të shfletuesit për të sinkronizuar perceptimin tuaj të tekstit me perceptimin e mundshëm të përdoruesit. Në fund të fundit, ju po krijoni një faqe jo për veten tuaj, por për lexuesit.
Përdorimi i atributit COLOR në një etiketë Ju mund të vendosni ngjyrën e shkronjave:

Argumenti i atributit COLOR është një paraqitje heksadecimal e kodit të ngjyrave (komponenti i kuq, jeshil dhe blu, me fjalë të tjera, komponenti RGB). Programi i mëposhtëm demonstron kontrollin e shkronjave:


<НЕАD><ТIТLЕ>Instalimi i shkronjave

<Р>Fonti Aria ABCDEZHZIK
<Р>Shkronja e korrierit ABCDEZHZIK
<Р>SIMBOLI i shkronjave ABCDEZHZIK


Oriz. 651. Përdorimi i shkronjave të ndryshme

Vini re se në etiketë ju mund të përdorni disa ose të gjitha atributet e tij të mundshme. Për shembull:

Në formulat matematikore, si dhe për shënimet në fund të faqes, shpesh përdoren indekse, të cilat ndryshojnë nga teksti kryesor për nga pozicioni (pak më i lartë ose më i ulët) dhe madhësia. Etiketat i shërbejnë këtij qëllimi. dhe përkatësisht për indekset e sipërme dhe të poshtme.


<НЕАD><Т1ТLЕ>Tregues/NEAD>

<НЗ>Një shembull i përdorimit të indekseve
<Р>(5+x 2)x+3

a 1+ a 2+ a 3
<Р>Fusnotat 2



Oriz. 832 Përdorimi i mbishkrimeve dhe nënshkrimeve

Përveç atyre të diskutuara më sipër, ka etiketa shtesë të formatimit të tekstit:

  • - alokimi i adresave të e-mail, adresave postare dhe
    numrat e telefonit;
  • <СIТЕ> - përzgjedhja e kuotave;
  • , - shkrimi i teksteve programore, konstante simbolike;
  • - futja e tekstit nga tastiera.

Tre stilet e fundit përdorin një font monospace (zakonisht Courier). Për shembull, shkronjat I dhe Zh të një fonti monospace zënë të njëjtën hapësirë. Përdorimi i shkronjave monospace është për shkak të mundësisë së thjeshtë të rreshtimit të tekstit duke përdorur karaktere hapësinore.
Le të vërejmë edhe një pikë. Në etiketat e kontrollit të shkronjave, si dhe në etiketat e stilit logjik, mund të futni atributin TITLE="string", i cili ju lejon t'i bashkëngjitni një këshillë veglash tekstit brenda këtij etiketimi. Argumenti i atributit TITULLIështë vargu i shpejtë. Kur ndaloni treguesin e miut në fjalën ose frazën e zgjedhur, pranë treguesit do të shfaqet një këshillë veglash. Duke përdorur këtë teknikë, ju mund të deshifroni shkurtesat, t'i jepni shpjegime dhe rekomandime shtesë përdoruesit.

Artikujt kryesorë të lidhur