Mësimi 7. Ngjyra e tekstit dhe sfondi në HTML.

Data: 2008-12-05

Si mund të vendos sfondin dhe ngjyrën e tekstit në një faqe interneti?

Si parazgjedhje, ngjyra e tekstit dhe, në përgjithësi, çdo font në faqet e internetit është gjithmonë e zezë (#000000 ). Por ne gjithmonë mund të vendosim absolutisht çdo ngjyrë që na pëlqen dhe duket e mirë, ose është më e përshtatshme për hartimin e një siti të caktuar.

Vendosja e ngjyrës së tekstit

Në HTML, ngjyra e tekstit, fontit, sfondit dhe elementëve të tjerë mund të vendoset në dy mënyra:

1. Metoda 1. Në etiketat e çiftuara atributi është shkruar me emrin e ngjyrës së dëshiruar. Emri i ngjyrës tregohet në anglisht. Për shembull, ngjyra e titullit në faqen tonë të internetit mund të vendoset në këtë mënyrë:

Komentet për këtë artikull (mësim):

Andrey! Çfarë faqeje të mrekullueshme keni! Unë e kam përdorur rregullisht për javën e dytë tashmë: Unë studioj mësimet tuaja dhe mësimet video; Unë lexoj literaturën tuaj dhe shkarkoj programe; duke bërë hapat e mi të parë në programimin në ueb! Dhe, më e rëndësishmja, kam sukses !!! Dhe unë nuk jam aspak fizikant, por tekstshkrues! Dhe kushdo që viziton faqen time letrare mund të bindet për këtë: "POEZI OLEG GUZ" Të dhënat e mia: e-mail: [email i mbrojtur] uebfaqja: http://sites.google.com/site/stihiolegguz/

kontrolloni me kujdes kodin

Kam provuar të ndryshoj ngjyrën e sfondit dhe nuk funksionon! Si mund ta ndryshoj ngjyrën e sfondit?

Si të ndryshoni ngjyrën e shkronjave në html

Nëse jeni të paktën pak të aftë për teknologjitë e uebit, atëherë duhet të dini se e gjithë shënimi dhe përmbajtja e dokumentit përmbahet në skedarin html, ndërsa skedari css ruan stilet që përcaktojnë pamjen e elementeve të ndryshëm. Pra, është css që duhet të përdorim për të ndryshuar ngjyrën e shkronjave dhe gjithçka tjetër.

Ka etiketa në html që ju lejojnë të aplikoni disa efekte në tekst, por duhet të pranoni se krijimi i qindra etiketave për çdo hije nuk do të ishte plotësisht i arsyeshëm. Ju mund ta kontrolloni këtë shumë më lehtë në css. Për shembull, kjo është mënyra se si mund të vendosni ngjyrën e shkronjave për elementin e trupit html, domethënë etiketën që përfshin të gjithë përmbajtjen e faqes që shfaqet në ekran.

trupi (ngjyra: e kuqe;)

Ne shënuam ngjyrën e kuqe për trupin e faqes. Ai do të merret nga paragrafët, listat, titujt dhe të gjithë elementët e tjerë. Kjo do të mbetet derisa stilet për këta elementë të anashkalohen.

Formatet e regjistrimit me ngjyra

Ndoshta keni pak njohuri për dizajnin e uebit? Nëse po, duhet të jeni të vetëdijshëm se ka mënyra të ndryshme ngjyrash. Për shembull rgb, rgba, hsl, hex, etj. Sigurisht, mënyra më e lehtë për të vendosur nuancën është thjesht të shkruani një fjalë kyçe. E bëmë këtë në shembullin e mësipërm, vlera e kuqe i bën shkronjat të kuqe, bluja i bën shkronjat blu dhe kafeja i bën shkronjat kafe. Këta janë vetëm emrat e ngjyrave në anglisht.

E vetmja gjë që duhet të dini në këtë rast është emri i ngjyrës së dëshiruar. Ju mund t'i shihni ato në internet në çdo tabelë. Mënyra tjetër popullore për të vendosur një ngjyrë është të shkruani kodin e saj heksadecimal. Ky është i ashtuquajturi format hex. Shembuj:

p (ngjyra: # 000;) / * Teksti në paragrafë do të jetë i zi. * / tabela (ngjyra: #fff;) / * Përmbajtja në tabela do të jetë e bardhë. * /

Siç mund ta shihni, duhet të shkruani rrjetën e ndjekur nga kodi i ngjyrës. Si e njihni atë? Për shembull, mund të hapni Photoshop ose çdo redaktues tjetër grafik që shfaq kodin e tij hex kur zgjidhni një ngjyrë. Ju gjithashtu mund të përdorni shërbimin online.

Rgb është një tjetër format i njohur regjistrimi. Ai qëndron thjesht për - të kuqe, jeshile, blu. Ngjyra në këtë format është vendosur si kjo:

#footer (ngjyra: rgb (234, 22, 56);)

Elementi me identifikuesin e footer-it do të marrë ngjyrën e specifikuar. Përqindja e së kuqes do të jetë 234, jeshile - 22, blu - 56. Këto vlera mund të shkruhen nga 0 në 255. Prandaj, hija jonë do të dalë më afër së kuqes. Në Paint, ju mund të shtoni ngjyra në paleta duke ndryshuar ngopjen e tre ngjyrave kryesore.

Avantazhi i kësaj metode është se ju mund të zgjidhni nga miliona ngjyra duke ndryshuar thjesht tre numra. Kur shkruani me fjalë kyçe, do të keni vetëm disa qindra ngjyra në arsenalin tuaj.

Rgba - tekst gjysmë transparent!

Po, kjo është një mënyrë e re regjistrimi, e cila ka qenë në redaktuesit grafikë për një kohë të gjatë, por ishte në dizajnin e uebit që u shfaq relativisht kohët e fundit. Është shkruar kështu:

a (rgba (255, 12, 22, 0.5);)

Numri i fundit në hyrje specifikon transparencën. Mund të shkruhet nga 0 në 1, ku 1 është tekst plotësisht i errët, që është sjellja e paracaktuar. Në këtë rast, të gjitha lidhjet do të kthehen në të kuqe, por për shkak të transparencës, shkëlqimi i ngjyrave do të jetë shumë më i ulët dhe nëse ka një sfond ose element tjetër nën lidhje, ai do të jetë i dukshëm.

Mënyra e gabuar për të vendosur ngjyrën

Ekziston një atribut ngjyrash i vjetëruar në html dhe me të ishte e mundur të shkruani ngjyrën e tekstit duke përdorur një fjalë kyçe. Tani kjo mund të mos funksionojë as në shfletuesit modernë, dhe në përgjithësi, kjo metodë shkel standardet e pranuara përgjithësisht të internetit. Është gjithashtu e papërshtatshme.

Si të përcaktoni ngjyrën për një fragment arbitrar

Mirë, ne po flasim për ngjyrën e shkronjave për paragrafët, lidhjet dhe tabelat, por këto janë elemente solide, por çfarë nëse duhet të përcaktoni një ngjyrë për një fjali, një fjalë, një shkronjë, në fund të fundit?

Thjesht e mbështjellim fragmentin e dëshiruar në etiketat e hapësirës. Ne shkruajmë atributin class brenda etiketës, të cilit i vendosim një vlerë arbitrare, por të kuptueshme për ne. Për shembull, si kjo:

Kjo është ajo, tani mbetet vetëm t'i referohemi përzgjedhësit në css.

Ka çështje të ndryshme të dizajnit për t'u marrë me të kur krijoni një faqe në internet. Një nga pyetjet më të zakonshme është se si të ndryshohet ngjyra e tekstit në HTML. Është mjaft e thjeshtë për ta zgjidhur atë, dhe ka dy mënyra të ndryshme.

Vendosja e një atributi të stilit të tekstit në linjë

Për të kuptuar se si të ndryshoni ngjyrën e tekstit në HTML, thjesht shikoni listën e atributeve të kutisë së tekstit. Midis tyre ka një sërë vlerash që përcaktojnë stilin e tekstit të mbyllur në këto etiketa, të cilat janë të specifikuara brenda fjalës kyçe të stilit.

Për të ndryshuar ngjyrën e tekstit, mjafton të vendosni fjalën stil = "" në zonën e zgjedhur të fushës së tekstit brenda etiketës hapëse. Brenda këtij atributi, mund të specifikoni vlera të ndryshme të parametrave - vlera e atributit të ngjyrës është përgjegjëse për ndryshimin e hijes së ngjyrave të tekstit. Duke specifikuar këtë parametër, pas dy pikave, duhet të specifikoni ngjyrën në të cilën do të pikturohen të gjithë karakteret në këtë fushë. Në këtë rast, kur përcaktoni një nuancë, mund të specifikoni një vlerë të qartë të ngjyrës, për shembull, të kuqe ose të verdhë, dhe vlerën e saj heksadecimal, ose rgb.

Pavarësisht nga metoda e zgjedhur e përcaktimit të ngjyrës, rezultati do të jetë i njëjtë në rastin e zgjedhjes së njëjtë të hijes. Kështu, të tre shembujt e mëposhtëm do të bëjnë të njëjtat ndryshime në tekst - do ta ngjyrosin atë në të verdhë.

1.

teksti

2.

teksti

3.

teksti

Ndryshoni ngjyrën duke përdorur CSS

Përdorimi i një fletë stili ju lejon gjithashtu të vendosni se si të ndryshoni ngjyrën e tekstit në HTML. CSS mbështetet plotësisht nga të gjitha versionet moderne të HTML, dhe gjithashtu ju lejon të ndryshoni stilin e elementeve të shumëfishta të faqeve në të njëjtën kohë.

Për të kuptuar se si të ndryshoni ngjyrën e tekstit në HTML duke përdorur CSS, nuk keni nevojë të kuptoni gjuhën zyrtare të përcaktimit të pamjes. Për të përcaktuar atributet e disa elementeve, duhet të krijoni një përshkrim CSS, i cili shkruhet brenda etiketës , dhe përcaktohet nga etiketa