Cili atribut i etiketës së shkronjave ju lejon të vendosni ngjyrën. Si të bëni një font të bukur në html: madhësitë, ngjyrat, etiketat e shkronjave html

Shenjat e shtatzënisë pas implantimit të embrionit

Do të duket, pse të dimë etiketat HTML për tekstin, nëse tani pothuajse çdo panel administratori ka një të përshtatshëm që i vendos ato automatikisht?

Fakti është se formatimi i përmbajtjes në një faqe interneti është thelbësisht i ndryshëm nga puna në aplikacionet e zyrës. Këtu nuk mjafton thjesht t'i jepni tekstit një pamje tërheqëse, sepse nga dizajni i saktë varet jo vetëm shfaqja e një ueb faqeje, por edhe promovimi i saj në motorët e kërkimit.

Etiketat dhe atributet HTML: Sintaksa bazë

Çdo tekst ka një kod të fshehur që i "shpjegon" kompjuterit se çfarë dhe si të shfaqë në ekran. I gjithë informacioni regjistrohet duke përdorur një grup elementesh universale.

Në thelb, etiketat e tekstit HTML janë komanda që shtojnë blloqe të caktuara në një faqe ose ndryshojnë pamjen e tyre. Formati i saktë i regjistrimit duket si ky:

Ju lutemi vini re se jo të gjitha etiketat janë çiftuar. Për shembull,
(kapërcim rreshti) ose

(duke shtuar një vijë horizontale) nuk ka nevojë të mbyllet fare.

Pse nuk mund të kopjoni artikuj nga Word dhe programe të tjera në redaktuesin e faqes në internet

Megjithëse programet moderne të zyrës përdorin të njëjtat etiketa HTML për tekstin, 99% e kohës kodi vendas është i papërdorshëm për faqet e internetit. Edhe nëse dokumenti shfaqet normalisht në vetë aplikacionin, kur futet në një faqe interneti, formatimi mund të humbasë. Përveç kësaj, për shkak të numrit të madh të etiketave dhe atributeve të panevojshme, motorët e kërkimit nuk mund të analizojnë në mënyrë adekuate përmbajtjen e faqes. E cila, nga ana tjetër, e bën të vështirë promovimin e burimit tuaj.

Për të marrë kod të pastër dhe përkatës, së pari duhet të pastroni tekstin e etiketave HTML të krijuara nga një redaktues i rregullt. Ka disa mënyra për ta bërë këtë:

  1. "Ekzekutoni" artikullin përmes Notepad dhe vetëm më pas futeni atë në sajt. Aplikacioni fshin të gjithë HTML, kështu që pas kësaj do t'ju duhet të formatoni përsëri tekstin (duke përdorur veglat e redaktuesit ose manualisht).
  2. Shkruani dhe publikoni artikuj duke përdorur LiveWriter. Redaktori i njohur i blogut menjëherë gjeneron kodin e duhur. Dhe në një skedë të veçantë mund të shihni se si do të duket teksti në sit.
  3. Përdorni HTML Cleaner. Ky shërbim online nuk shkatërron të gjithë kodin, por vetëm fragmente të panevojshme. Duke përdorur filtrat, ju zgjidhni se cilat etiketa dëshironi të ruani. Ekziston gjithashtu një redaktues i fuqishëm i formatimit vizual që shton komandat tashmë të optimizuara në kod.

Paragrafët

Ky element është i pranishëm pothuajse në të gjithë artikujt. Çdo paragraf duhet të jetë i vendosur brenda një ene të tillë - kjo thjeshton formatimin dhe ju lejon të mbani një stil të qëndrueshëm në të gjitha faqet e faqes. Për lehtësi, etiketa

Shkruani gjithmonë në një rresht të ri.

Radhitje

Etiketa e veçantë HTML "Text Alignment" nuk është përdorur për një kohë të gjatë. Në vend të kësaj, u krijua një atribut i përgjithshëm ALIGN. Për të ndryshuar pozicionin e një blloku teksti në faqe, duhet të zgjidhni një nga 3 vlerat - QENDRA, Djathtas ose LEFT. Ju mund të vendosni shtrirjen për elementë të tjerë, si titujt, në të njëjtën mënyrë.

Në disa situata, etiketat e tjera përdoren për shtrirje, për shembull, ju mund të poziciononi duke përdorur elementin

...
. Pse është i dobishëm një etiketë e veçantë? Ndryshe nga atributi, ai funksionon me çdo përmbajtje, duke përfshirë foto, video, flash, etj.

Titujt dhe nëntitujt

Sistemi i nëntitujve ju lejon të krijoni një strukturë logjike të përmbajtjes. Kur teksti ndahet në blloqe kuptimplote, lexuesi e ka shumë më të lehtë të përqendrohet dhe të thithë informacione të reja. Motorët e kërkimit gjithashtu analizojnë titujt për të kuptuar se për çfarë pyetjesh duhet të promovoni faqen. Kjo është arsyeja pse ekspertët e SEO rekomandojnë përdorimin e fjalëve kyçe aktuale në to.

HTML përdor gjashtë nivele nëntitujsh - nga

para

. Ekziston një hierarki e qartë në këtë sistem:

  • ...

    . Artikulli kryesor, produkti në një dyqan online, etj.). Mund të ketë vetëm një në tekst

    . Si rregull, ai përmban fjalën kyçe kryesore.

  • ...

    . Nëntitujt e nivelit të dytë e ndajnë tekstin në blloqe kuptimplote. Për shembull, nëse vlerësoni laptopët, mund të bëni disa

    me emra modelesh te ndryshme.

  • ...

    . Niveli i tretë është i nevojshëm nëse teksti është midis dy

    ndahet gjithashtu në blloqe të vogla. Në shembullin tonë, këto mund të jenë kritere vlerësimi - "Performanca", "Kujtesa", "Kartë video", etj. për secilin model.

  • ,

    ,
    . Në praktikë ato janë jashtëzakonisht të rralla. Por parimi i përgjithshëm është i njëjtë - ato duhet të "vendosen" në një bllok me një nëntitull të nivelit të lartë.

Sigurohuni që të ruani hierarkinë e duhur. Duke iu rikthyer shembullit tonë, kjo do të thotë që nuk mund të futni menjëherë emrat e modeleve si

ose

. Dhe akoma më shumë, përdorni nëntituj të niveleve të ndryshme për blloqe me kuptim homogjen (për shembull, theksoni një laptop që zuri vendin e fundit në renditje duke përdorur
).

Këtu është një diagram që do t'ju ndihmojë të kuptoni dhe mbani mend menjëherë strukturën e saktë të titujve në HTML.

Listat

Është më mirë të formatoni çdo listim dhe udhëzim në formën e listave, duke përdorur etiketa speciale HTML për tekstin (një gabim tipik janë vetëm disa paragrafë

Që fillojnë me vizë ose numër).

Struktura e blloqeve të tilla është shumë e thjeshtë. Së pari, ne përcaktojmë llojin e listës - me plumb ose me numër.

Të gjithë elementët janë midis etiketave hapëse dhe mbyllëse. Çdo artikull i listës fillon në një rresht të ri dhe ka formatin . Numri i elementeve nuk është i kufizuar.

Zgjedhja dhe atributet e saj

Çfarë mund të ndryshohet duke përdorur këtë font dhe ngjyrë - dhe pa shtuar klasa të reja në CSS. Kjo është shumë e përshtatshme kur duhet të nënvizoni vetëm një fjali ose fragment.

ka disa atribute:

  • Fytyra. Ju lejon të ndryshoni fontin e tekstit. Ju mund të listoni disa opsione të ndara me presje (Tahoma, Verdana). Nëse përdoruesi nuk ka të instaluar fontin e parë, sistemi thjesht përdor një alternativë.
  • Madhësia. Për ta bërë tekstin më të madh ose më të vogël, vendosni një vlerë midis 1 dhe 7 në thonjëza.
  • Ngjyrë. Në varësi të dizajnit, ju mund të zgjidhni një nga nuancat standarde (e kuqe, jeshile, blu) ose të vendosni një kod për çdo ngjyrë që dëshironi.

Mos përdorni paragrafë të formatuar me , në vend të nëntitujve. Është më mirë të vendosni të njëjtat parametra të projektimit me etiketën e duhur.

Mënyrat për të theksuar tekstin

Teksti monoton është i lodhshëm, madje i ndarë në paragrafë. Për të tërhequr vëmendjen dhe për të nxitur interesin e lexuesit, rekomandohet të theksohen pikat kryesore në mënyrë grafike. Këtu janë disa komanda që do t'ju ndihmojnë të përballeni me këtë detyrë.

... . Një etiketë jashtëzakonisht popullore HTML. Teksti i trashë bie menjëherë në sy, dhe për këtë arsye është i përshtatshëm për ta përdorur atë për të theksuar pika dhe fakte të rëndësishme.

Shumë njerëz ngatërrojnë etiketat Dhe . Nuk ka asnjë ndryshim vizual, por ato funksionojnë ndryshe. E para thjesht ndryshon pamjen e tekstit, ndërsa e dyta vepron si "indeks" dhe nxjerr në pah fragmentet më të rëndësishme (fjalë kyçe tematike dhe fraza për SEO).

... . Kursi elegant dhe i rreptë është ideal për hartimin e termave shkencorë, fjalëve të huaja dhe një sërë citatesh. Në botimet serioze theksohen edhe emrat e veprave të artit me tekst kursive.

... . Ndoshta asnjë etiketë tjetër HTML nuk ka shkaktuar kaq shumë polemika. Teksti nënvizues përdoret rrallë, pasi kjo metodë e nënvizimit historikisht u është caktuar hiperlidhjeve. Nëse përdorni në artikuj, ju lutemi vini re se kjo është e përshtatshme vetëm për fragmente të shkurtra - jo më shumë se 1 rresht.

... . Një etiketë interesante që ju lejon të bëni një pjesë Shumë e rëndësishme në reklama - për shembull, për të theksuar kontrastin midis çmimeve të vjetra dhe të reja.

... . Mënyra më e lehtë për të rritur madhësinë e shkronjave pa ndonjë opsion shtesë.

... . Punon në të njëjtin parim si etiketa e mëparshme. Teksti i vendosur brenda zvogëlohet në krahasim me atë kryesor.

... . Emri i saktë për këtë format është mbishkrimi. Kjo etiketë është menduar kryesisht për diploma dhe shënime matematikore. Zvogëlon madhësinë e shkronjave dhe e zhvendos tekstin e zgjedhur lart.

... . Abonimet shpesh gjenden në formula të ndryshme. Fragmenti i zgjedhur ndodhet poshtë tekstit kryesor.

Kontejnerë kuptimplotë

Meqenëse disa blloqe u gjetën në shumë tekste, filluan të krijohen etiketa speciale për ta. Kjo thjeshton formatimin, sepse nëse çdo lloj përmbajtjeje ka grupin e vet të stileve, thjesht duhet të theksoni një pjesë të tekstit dhe të tregoni se çfarë informacioni përmban.

... . Etiketë për shtimin e kodeve kompjuterike. E domosdoshme në artikujt mbi programimin me shembuj - komandat nuk ekzekutohen, por shfaqen si tekst i thjeshtë.

... . Projektuar për formatimin e citimeve - për shembull, fragmente kryesore nga një intervistë.

. Vendos një pjesë të tekstit në një bllok të veçantë. Si parazgjedhje, zgjedhja ka më shumë mbushje majtas, por gjithashtu mund të ndryshoni madhësinë, stilin e shkronjave dhe ngjyrën e tekstit në CSS.

...
. Një etiketë shtesë që përmban informacione për autorin, duke përfshirë lidhjet.

Vija e demarkacionit

Një vijë e thjeshtë mund të përdoret për të shënuar fundin logjik të një seksioni të madh.

nuk zbatohet për etiketat e çiftuara. Kjo do të thotë se elementi i formatit mbyllësnuk nevojitet.

Duke përdorur atributin WIDTH, mund ta bëni ndarësin më të shkurtër duke specifikuar një madhësi të përshtatshme në pixel ose një përqindje të gjerësisë së dritares.

Duke mësuar se si të përdorni siç duhet etiketat për të formatuar tekstin në HTML, ju jo vetëm që do t'i bëni artikujt tuaj më të lehtë për t'u lexuar, por gjithashtu do të rrisni efektivitetin tuaj të SEO.

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 në internet, përkatësisht për atributet e etiketave html. Dhe sigurisht, sipas traditës, ne do t'i shikojmë ato duke përdorur shembuj të drejtpërdrejtë dhe do ta provojmë në faqen tonë të internetit me Lukomorye, të cilën e prezantuam 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ë mund të vendosim atribute të ngjyrës së tekstit, madhësisë së tekstit, fontit, etj. Por ne do ta shikojmë fontin më në detaje në një artikull tjetër.

Ka atribute universale dhe jo universale. Ato universale janë të përshtatshme për pothuajse çdo etiketë, dhe ato jo universale janë të përshtatshme për një ose më shumë, por jo të gjitha...

Atributi shkruhet brenda etiketës pas vlerës së tij, por përpara kllapës së këndit të mbylljes. Fillimisht 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 rreshtimin e tekstit. Më pas vendosim shenjën “=”, që do të thotë se 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ë kontrolloni faqen e internetit htmlbook. Aty do të gjeni patjetër atë që përputhet me çfarë. Kjo është thjesht një referencë desktopi për çdo zhvillues të uebit, veçanërisht 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:

  • majtas - shtrirja majtas (parazgjedhja)
  • drejta - shtrirje djathtas
  • qendër - shtrirje qendrore
  • justify - shtrirje me gjerësi të plotë

Mundohuni të praktikoni dhe shikoni se si ndryshon rregullimi i elementeve tuaja.

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 është e nevojshme si një aluzion kur rri pezull. Dhe çështja është se ju e shkruani këtë të dhënë vetë. Duket diçka si kjo:

Çfarë është 5-3?

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

.

Çfarë ndodh pas kësaj? Ruani dokumentin dhe shikoni vetë. Kur rri pezull mbi tekst, 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ërmbajtja

Siç mund ta shihni, gjithçka është mjaft e thjeshtë këtu, ju vetëm duhet të shkruani të gjitha atributet e ndara nga një hapësirë ​​në një etiketë. Nga ky shembull, shohim se përmbajtja do të jetë në të djathtë, dhe kur kalojmë mbi të me kursorin e miut, do të shfaqet një këshillë veglash. Ë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 sugjerimin “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ë funksionojë sipas detyrës.

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


Pas kësaj, ruani dokumentin html dhe ekzekutoni atë. Le të kontrollojmë se çfarë kemi. A është gjithçka e saktë? Unë mendoj se gjithçka duhet të funksionojë për ju. 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ë thjesht një element blloku bosh që shërben si një lloj kontejneri për një grupim. Këtu mund të vendosni atribute të ndryshme për t'i zbatuar ato në një fragment të përbashkët. Dhe nëse në përgjithësi dëshironi të aplikoni një atribut 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 duhet të vendosni atributin align="center" në çdo etiketë. Thjesht duhet të vendosni

para titullit 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 në fund ndodh e njëjta gjë.

Pra, si? A e kuptoni parimin e përgjithshëm? Ne thjesht do të vazhdojmë të studiojmë edhe më shumë. Gjëja kryesore është që ju të kuptoni parimin e rregullimit të etiketave dhe atributeve. Nëse është e nevojshme, 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ë faqe në internet, unë rekomandoj të shikoni një kurs të shkëlqyer video " HTML5 dhe CSS3 nga e para në pro". Aty do të mësoni HTML, CSS, do të mësoni se si të vendosni faqet e kartave të biznesit, bloget dhe madje edhe dyqanet online. Kursi është thjesht i mrekullueshëm 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ë gjithmonë i vetëdijshëm për gjërat më interesante dhe për të mos humbur mësimet e reja. Epo, unë të them lamtumirë për sot. Ju uroj suksese në zotërimin e materialit. Mirupafshim!

Përshëndetje, Dmitry Kostin.

Shfletuesi Internet Explorer Netscape Opera Safari Mozilla Firefox
Version 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Mbështetur po po po po po po po po po po po po po

Përshkrim

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 konsiderohet e vjetëruar dhe përdorimi i saj rekomandohet të braktiset në favor të stileve.

Sintaksë

Teksti

Etiketa mbyllëse

E detyrueshme.

Opsione

ngjyra Vendos ngjyrën e tekstit. face Specifikon llojin e shkronjave. madhësia Vendos madhësinë e shkronjave në njësi konvencionale.

Shembulli 1: Përdorimi i një etikete





Etiketa FONT


P Shkronja e parë e kësaj fjalie është shkruar me fontin Arial, e theksuar me të kuqe dhe e zmadhuar në madhësi.



Përshkrimi i parametrave të etiketës

Parametri COLOR

Përshkrim

Vendos ngjyrën e tekstit brenda kontejnerit .

Sintaksë

...

Argumentet

Vlera e ngjyrës mund të vendoset në dy mënyra.

1. Me emrin e saj

Shfletuesit mbështesin disa ngjyra me emrin e tyre.

2. Sipas vlerës heksadecimal

Numrat heksadecimal përdoren për të specifikuar ngjyrat. Sistemi heksadecimal, ndryshe nga sistemi dhjetor, bazohet, siç sugjeron emri i tij, në numrin 16. Numrat do të jenë si më poshtë: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A. , B, C , D, E, F. Numrat nga 10 deri në 15 zëvendësohen me shkronja latine. Numrat më të mëdhenj se 15 në sistemin heksadecimal formohen duke kombinuar dy numra në një. Për shembull, numri 255 në dhjetor korrespondon me numrin FF në heksadecimal. Për të shmangur konfuzionin në përcaktimin e sistemit të numrave, një simbol hash # vendoset përpara numrit heksadecimal, për shembull #666999. Secila nga tre ngjyrat - e kuqe, jeshile dhe blu - mund të marrë vlera nga 00 në FF. Kështu, simboli i ngjyrës ndahet në tre komponentë #rrggbb, ku dy simbolet e para tregojnë përbërësin e kuq të ngjyrës, dy të mesit - jeshile dhe dy të fundit - blu.

Ngjashëm me CSS

Vlera e paracaktuar

Ngjyra e paracaktuar e shfletuesit.

Parametri FACE

Përshkrim

Parametri i fytyrës përdoret për të specifikuar llojin e shkronjave të përdorura për tekst. Mund të rendisni 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 - fonts sans-serif (fonte pa serif ose sans serif), një përfaqësues tipik është Arial;
shkronja kursive - kursive;
fantazi - shkronja dekorative;
monospace - fontet monospace, gjerësia e çdo karakteri në këtë familje është e njëjtë.

Ngjashëm me CSS

Vlera e paracaktuar

Fonti i parazgjedhur në shfletues.

Parametri SIZE

Përshkrim

Përcakton 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 një vlerë absolute (për shembull, madhësia = "4" ) ose si një vlerë relative (për shembull , size="+1" , size="-1" ). Në rastin e fundit, madhësia ndryshon në lidhje me atë bazë. Madhësia e shkronjave ndikohet jo vetëm nga parametri i madhësisë së specifikuar, por edhe nga zgjedhja e tipit të shkronjave. Kështu, 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ësinë e tij.

Sintaksë

...

Argumentet

Një numër i plotë nga 1 në 7, ose ndryshimi i vlerës lart ose poshtë duke përdorur simbolet + dhe -.

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

MADHËSIA- grupe përmasa e germave, i cili do të përdoret nga teksti që përmban elementi FONT. Ju mund të specifikoni një madhësi absolute të shkronjave duke specifikuar një numër të plotë nga 1 në 7. Për një font, mund të specifikoni gjithashtu madhësia relative, duke i caktuar atributit një numër të plotë të nënshkruar (për shembull, ky 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ë simbolike e një prej ngjyrave standarde.

FYTYRA- grupe lloji i shkronjave, për shembull FACE=ARIAL.

teksti - tekst teletipi (monospace).

teksti - stil me font italik ( kursive).

teksti- stil me të guximshme font.

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

teksti I MADH>- shtypja e tekstit në font madhësia e rritur(më e madhe se teksti përreth).

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

teksti SUB>- printoni tekstin me një zhvendosje poshtë ( nënshkrim ose interlineare).

teksti SUP>- printoni tekstin me një zhvendosje lart ( mbishkrim ose mbishkrim).

teksti GREVË> ose < S> …S> - stil me goditje teksti.

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 kënddrejtë ">" ->

    ampersand "&" - &

    thonjëza të dyfishta """ - "

Ka një numër të madh sekuencash ESC 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ë simboleve (pas karakterit të 127-të) me sekuenca ikjeje për transmetimin e skedarëve tekst me gjuhë kombëtare mbi kanale 7-bit.

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

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

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

atribut

Funksioni

version= linjë

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

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

Etiketa HEAD – etiketat fillestare dhe mbaruese të pjesës kryesore të një dokumenti HTML

etiketëTITULLI– etiketat e titullit të fillimit dhe të përfundimitHTML-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 nuk është një spirancë emri)

metoda= listë

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

emri= linjë

Përcakton emrin e identifikuesit të fragmentit (kërkohet nëse kjo nuk është një ankorim lidhjesh hiperteksti)

rel= lidhje

Përcaktohet marrëdhënia 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ë treguar nga lidhja.

titull= linjë

Përcakton një emër të njëtrajtshëm burimi të pavarur nga vendndodhja për këtë hiperlidhje

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

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

etiketëBAZË– tregohet ai bazëURLpër të gjithë të afërmitURLnë këtë dokument

atribut

Funksioni

href= url

Specifikoni URL-në bazë

objektiv= Emri

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

etiketëBAZËFONTI– përcakton 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

Specifikon URL-në e imazhit të sfondit

bgcolor= ngjyrë

Caktoni ngjyrën e sfondit të dokumentit

bgproperties= kuptimi

Nëse kuptimiështë e barabartë me fikse, parandalon që imazhi i sfondit të lëvizë së bashku me përmbajtjen e dokumentit (I.E.2 dhe më lart)

margjina e majtë=mesatare n nr

Vendosni madhësinë (në piksel) të margjinës së majtë të dokumentit (I.E.2 dhe më lart)

lidhje= ngjyrë

Vendosja e ngjyrës së lidhjeve të hipertekstit "të pavizituara" në një dokument

tekst= ngjyrë

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

topmargin= kuptimi

Caktoni madhësinë (në piksel) të kufirit të sipërm të dokumentit (I.E.2 dhe më lart)

vlink= ngjyrë

Vendosja e ngjyrës së 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ështillni në një rresht të ri, teksti do të vendoset në mënyrë që objekti të mbetet i dukshëm

etiketëQENDRA– vendosja e tekstit të mbyllur në etiketa 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 përfaqësohet si

etiketëDD– vendos pjesën përshkruese për elementin e listës së përkufizimit

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

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

etiketëD.T.– specifikohet një pjesë përshkruese-kushtëzuar për një element të listës së përkufizimeve

etiketëEMBED– 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

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

lartësi = n

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

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ë mbyllur në etiketa

atribut

Funksioni

Vendosni ngjyrën e tekstit të mbyllur në etiketa

fytyrë=listë

Vendosja e tipit të tekstit të etiketuar (vendos emrin e fontit të parë të listuar në një listë të ndarë me presje)

madhësia= kuptimi

Vendosni madhësinë e shkronjave bazë. Gama - nga 1 në 7

etiketëHn– teksti i mbyllur në etiketa përfaqëson titullin e nivelitn. Vlerat e mundshmen- nga 1 në 6

atribut

Funksioni

rreshtoj= lloji

Përcakton se si duhet të përafrohet titulli: majtas (e parazgjedhur), në qendër ose djathtas (djathtas)

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

atribut

Funksioni

rreshtoj= lloji

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

Mos përdorni hijezim vëllimor kur shfaqni një vizore

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

gjerësia= kuptimi

etiketëI– Teksti i mbyllur në etiketa do të shfaqet me shkronja të pjerrëta

etiketëIMG– një imazh është futur në rrjedhën aktuale të tekstit

atribut

Funksioni

alt= teksti

Vendos tekst alternativ për shfletuesit që nuk mbështesin imazhe.

Kufiri= n

Vendosni trashësinë (në piksel) të kufirit të imazheve të përfshira në hiperlidhje

Shtimi i kontrolleve të luajtjes për videoklipet e integruara (I.E.2 dhe më lart)

Dynasrc= url

SetURL-adresa e videoklipit që do të fotografohet( I.E. 2 dhe më lart)

Lartësia = n

Vendos lartësinë e imazhit në pixel

Hspace= n

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

Tregon se kur përdorni këtë etiketë brenda një etikete imazhi zgjidhet duke përdorur miun

lak= kuptimi

Caktoni numrin e përsëritjeve të riprodhimit të videos. Kuptimi mund të jetë një numër i plotë ose i pafund (I.E.2 dhe më lart)

Lowsrc= url

Specifikuar nga një imazh me rezolucion të ulët që shfletuesi duhet të ngarkojë së pari. Kjo pasohet nga imazhi i specifikuar nga atributi (I.E.2 dhe më 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

Përcakton vendosjen e zonave npixel të hapësirës së lirë mbi dhe poshtë imazhit

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ë >) të një dokumenti, përcaktohet 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 Internet Explorer 3.0, rel=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 ( I.E.2 dhe më lart)

titull= linjë

Vendos titullin e dokumentit të synuar

lloji= tekst/css

Një emër burimi universal është specifikuar për dokumentin e synuar, pavarësisht nga vendndodhja e tij

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

atribut

Funksioni

emri= linjë

Përcakton emrin e kësaj zone. 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= lloji

Përcakton se si rreshtohet teksti në një paragraf: majtas, qendër ose djathtas

etiketëTEKSTI I THJESHTË– specifikon që pjesa tjetër e dokumentit duhet të shfaqet e papërpunuar, si tekst i paraformatuar

etiketëPARA– teksti i mbyllur në etiketa do të shfaqet kështu. si ishte paraformatuar, pa përpunim, me ndërprerje dhe ndarje të sakta vijash

Shfletuesi do të vendosë tekstin në mënyrë që (nëse është e mundur) n karaktere të përshtaten në rresht

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= lloji

Lloji i ndarësit është specifikuar: vertikale - një zonë e hapësirës boshe të madhësisë së specifikuar vendoset midis dy rreshtave të tekstit; horizontale - një zonë e hapësirës boshe 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 një ndarësi horizontal ose lartësinë e një ndarësi vertikal

Përcakton gjerësinë e ndarësit të bllokut

lartësi = n

Përcakton lartësinë e ndarësit të bllokut

rreshtoj= kuptimi

Përcakton se si përafrohet përcaktuesi i bllokut në lidhje me tekstin përreth.

etiketëSPANJISHT– Teksti i mbyllur në etiketa do të formatohet duke përdorur një fletë stili(VetëmI.E.3 dhe më lart)

atribut

Funksioni

stil= elementet

Elementet e fletës së stilit specifikohen për tekst brenda një hapësire të caktuar

etiketëGREVË– Teksti i mbyllur në etiketa do të shfaqet me një vijë horizontale përmes tij

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 një mbishkrim

etiketëTT– Teksti i mbyllur në etiketa do të shfaqet me fontin monospace

etiketëVAR– teksti i mbyllur në etiketa paraqet emrin e ndryshores

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 konsiderohet e vjetëruar dhe përdorimi i saj rekomandohet të braktiset në favor të stileve.

Sintaksë

Teksti

Opsione

Përshkrimi i parametrave të etiketës


Parametri COLOR

Vendos ngjyrën e tekstit brenda kontejnerit .

Sintaksë

...

Analog i CSS-color

Parametri FACE

Parametri i fytyrës përdoret për të specifikuar llojin e shkronjave të përdorura për tekst. Mund të rendisni 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 janë ç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 sans-serif (fonte pa serif ose sans serif), një përfaqësues tipik është Arial;
  • kursive— shkronja të pjerrëta;
  • fantazi— fontet dekorative;
  • monohapësirë- fontet monospace, gjerësia e çdo karakteri në këtë familje ë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 një vlerë absolute (për shembull, madhësia = "4"), ose si një vlerë relative (për shembull, size="+1" size="-1"). Në rastin e fundit, madhësia ndryshon në lidhje me atë bazë. Madhësia e shkronjave ndikohet jo vetëm nga parametri i madhësisë së specifikuar, por edhe nga zgjedhja e tipit të shkronjave. Kështu, 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ësinë e tij.

Sintaksë

...

Argumenti është një numër i plotë nga 1 në 7 ose një rritje ose ulje në vlerë duke përdorur simbolet + dhe -.

Publikime mbi temën