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ë
TekstiParametrat
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
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 |
|
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ë:
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ë:
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ТIТLЕ>НЕАD>
<В>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ТIТLЕ>
НЕАD>
<Н2>kjo - modifikuar kreu i nivelit 2Н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
etiketë
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ТIТLE/НЕАD>
<Р>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ТIТLЕ>/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:
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.