Si të bëni një fjalë të trashë në html. Mbishkrimi

11.04.2019 Windows 10

Pershendetje miq.

Pas një pushimi tjetër të gjatë, m'u kujtua se për një kohë të gjatë nuk kisha shkruar asnjë rresht. Sigurisht, ka arsye për këtë, sepse gjithmonë ka ndonjë arsye për të gjetur një justifikim për veten, apo jo? Në fakt, çdo ditë studioj Kursin Video, të cilin e kam përmendur tashmë nja dy herë, por tani për tani nuk do të them asgjë më shumë për këtë, së shpejti do të mësoni gjithçka.

Pra, meqë nuk më shkoi asgjë në mendje, çfarë të shkruaj. Vendosa të shikoj statistikat, çfarë i intereson përdoruesit e Runet për HTML, WordPress, DLE etj tema të ngjashme... Dhe e dini çfarë? Ka ende diçka për të shkruar. Duket se ka përgjigje për të gjitha pyetjet që kam gjetur, por jo gjithmonë në një formë të kuptueshme. Dhe në përgjithësi u bë interesante të shkruash diçka të tillë.

Sot do të flasim për HTML. Domethënë, si ta bëni tekstin të guximshëm dhe të pjerrët, dhe gjithashtu të flasim për theksimin me ngjyra.

Bëjeni tekstin të trashë.

Për ta bërë tekstin të trashë, nuk keni nevojë të ndërhyni me stilet CSS ose të gjeni ndonjë kompleksitet tjetër. HTML tashmë e ka këtë aftësi. Në të njëjtën kohë, ne jo vetëm që mund ta bëjmë tekstin të guximshëm, por edhe t'i theksojmë me ndihmën e përzgjedhjes. Theksi mund të vihet në Motorë kërkimi ose ndonjë shfletues të veçantë ose programe. Gjëja kryesore është të mos e teproni me theksimin e tekstit në artikull ose në faqe me disa informacione, pasi kjo mund të ketë një efekt të dëmshëm të paktën në promovimin e kësaj faqeje HTML.

Pra, për ta bërë tekstin thjesht të guximshëm, mund të përdorim etiketën . Kjo etiketë i referohet elementeve të shënjimit fizik, ndërkohë që e vendos tekstin në shkronja të zeza pa i vënë asnjë theks atij. Kjo etiketë është e çiftuar, që do të thotë se ka një etiketë hapëse dhe një etiketë fundore. Gjithashtu, meqenëse elementi është inline, ai duhet të jetë në një lloj elementi blloku, për shembull

Shembull i kodit:

miniaturë

Rezultati:

miniaturë

Në këtë rast, ne thjesht e bëmë tekstin bold dhe kaq.

Por kjo ndodh, kështu që ne nuk kemi nevojë vetëm për të theksuar tekstin, por për ta theksuar atë. Për këtë ne mund të përdorim etiketën e shënjimit boolean ... Jo vetëm që teksti i theksuar me këtë etiketë ka më shumë peshë për motorët e kërkimit. Por në teori, duhet të jetë ndryshe nga etiketa në shfletuesit e të folurit, për shembull intonacioni. Megjithatë, nuk mund ta konfirmoj dhe as ta mohoj ky informacion, A është kështu?

Në këtë rast, gjithçka është absolutisht e njëjtë si në rastin me përzgjedhje e thjeshtë bold, vetëm ne fokusohemi, jo vetëm nxjerrim në pah.

Shembull i kodit:

Rezultati:

Është shumë e thjeshtë, apo jo?

Teksti kurrizor.

Në këtë rast, gjithçka nuk është më e komplikuar se në të parën. Dhe situata jonë është absolutisht e njëjtë. Mund të theksojmë tekstin me dy opsione në HTML. Përsëri, duke përdorur ose etiketën fizike të shënjimit ose etiketën logjike, me të cilën përsëri fokusohemi në tekstin e përzgjedhur.

Për ta bërë tekstin të pjerrët, ne do të përdorim etiketën ... Ky element është çift dhe inline, i cili na tregon se çfarë duhet të përdorim, si etiketën hapëse ashtu edhe etiketën mbyllëse. Dhe gjithashtu duhet ta përdorni atë brenda një elementi blloku. Dhe ne në këtë rast element blloku i përputhur më së miri - etiketa e paragrafit
Shembull i kodit:

teksti i pjerrët

Rezultati:

teksti i pjerrët

Dhe sigurisht, ne mund të theksojmë tekstin në të njëjtën kohë duke e theksuar atë me shkronja të pjerrëta duke përdorur etiketën . Ky artikull të tilla si , me përjashtim të faktit se teksti është i pjerrët dhe jo i theksuar.

Shembull i kodit:

teksti mbi të cilin kemi theksuar

Rezultati:

teksti mbi të cilin kemi theksuar

Dhe gjëja e fundit për të cilën do të doja të flisja sot është nxjerrja në pah e tekstit me ngjyra.

Fatkeqësisht, ne nuk kemi një etiketë për të theksuar tekstin me ngjyra në HTML. Por megjithatë, nuk ka asgjë të vështirë në këtë metodë.

Pra për të theksuar një pjesë të caktuar teksti me ngjyra, ne mund ta mbështjellim pjesën e dëshiruar të tekstit me një etiketë , e cila është një etiketë gjenerike dhe përdoret brenda një elementi blloku. Në rastin tonë element bllokuështë etiketa
Por shtoni jo mjaftueshem. Ju gjithashtu duhet të specifikoni parametrin e stilit, i cili do t'ju lejojë të shtoni Karakteristikat e CSS tekstin e nevojshëm, specifikoni vetë pronën (ngjyrën), e cila do të ndihmojë në vendosjen e një ngjyre specifike. Së fundi, jepni një vlerë për vetitë e ngjyrave... Por mund të lindë pyetja: "Çfarë duhet të tregoj?" Është e nevojshme të tregohet kodi HTML i ngjyrës në të cilën duam të "pikturojmë" tekstin. Mund të gjenden kodet e ngjyrave HTML.

Tani, për ta bërë më të qartë, merrni parasysh një shembull.

Shembull i kodit.

tekst për të theksuar ngjyrë

Në këtë rast, ne theksojmë një fjalë: me ngjyrë. Unë gjithashtu dua të theksoj se etiketa është çiftuar dhe duhet ta mbyllim aty ku duhet të përfundojë prona.

Rezultati:

teksti që duhet theksuar

Në mënyra kaq të thjeshta, ne mund të manipulojmë tekstin në faqen tonë. Do të doja gjithashtu të vërej se gjithçka për të cilën sapo folëm funksionon si në WordPress ashtu edhe në DLE, sepse çdo motor përdor HTML për të dhënë faqet. Kjo është arsyeja pse HTML mund të quhet baza e themeleve të çdo faqeje, pavarësisht se çfarë CMS keni.

Shpresoj se kam shpjeguar gjithçka qartë.

Suksese miq. Së shpejti ... Do të ketë lajme interesante ...

Sot do t'ju tregoj se si të bëni fjalë me gërma të zeza në vend me duke përdorur HTML dhe CSS. Ky dizajn përdoret kur keni nevojë për të theksuar informacione të caktuara Në faqe. Dhe vjen jo vetëm për titujt, por edhe për fjalë të thjeshta, frazat në tekst. Kjo zbatohet mjaft thjesht.

Për të theksuar tekstin e caktuar me shkronja të zeza, përdoren etiketa speciale HTML - dhe ... Për shembull kodi i mëposhtëm:

Teksti i thjeshtë.

Miniatura.

Tekst i fortë i guximshëm.

Teksti i thjeshtë.

Miniatura.

Tekst i fortë i guximshëm.

Prodhimi jep foton e mëposhtme:

Dy opsionet e fundit duken vizualisht të njëjta, por ato ndryshojnë pak nga njëri-tjetri. Etiketë specifikon guximin e thjeshtë stilistik të një fjale, ndërsa shton një kuptim të caktuar semantik "të zgjeruar" (të rëndësishëm). Kjo do të thotë, rreshti i fundit nuk është vetëm tekst i theksuar, por disa informacione të rëndësishme. Në parim, për motorët e kërkimit rekomandohet të përdoret saktësisht .

Ju gjithashtu mund të hasni tekst të theksuar në HTML me stile:

Një shembull i tekstit të trashë.

Shembull teksti me të guximshme fjalë.

Faqja e shfaq atë si kjo:

Ndërsa kodi HTML i theksuar funksionon si duhet, nuk duhet. Të gjitha stilet e dizajnit duhet të paraqiten në skedar CSS... Prandaj, në shembullin e mësipërm, ju duhej për etiketat
DHE specifikoni klasën e duhur dhe më pas shkruani pamjen e saj në fletën e stilit. Këto janë rregullat e kodimit. Pra, për të theksuara në HTML, përdorni etiketën .

Tekst i trashë CSS

Për ta bërë CSS të theksuar, përdoret vetia font-weight. Me ndihmën e tij, tregohet "ngopja" e fragmentit të tekstit. Vlerat mund të variojnë nga 100 në 900, por ato që përdoren më shpesh janë:

bold (bold) - 700 si parazgjedhje;

normale - 400 si parazgjedhje.

Ekzistojnë gjithashtu opsione për vlerat më të theksuara dhe më të lehta, të cilat ndryshojnë fontin në varësi të prindit në përkatësisht pak a shumë të theksuara.

Për të vendosur tekst të theksuar në CSS, duhet të vendosni një stil për këtë apo atë element, për shembull:

Tekst i thjeshtë me shkarkim vajor ne qender.

i fortë (pesha e shkronjave: bold;)

Këtu do të doja të shënoja një nuancë të vogël që më thanë - nëse krijoni për ndonjë element klasë e re, atëherë është e dëshirueshme të përdoret një emër pak a shumë "i kuptueshëm". Për shembull, në shembullin e mësipërm, stili class = "my-bold-font" duket më logjik se class = "new-font", sepse ju mund ta kuptoni pjesërisht qëllimin e tij. Ky është një plus për ata që do të shikojnë dhe përdorin paraqitjen tuaj në të ardhmen.

Në artikullin tjetër, unë do t'ju tregoj për disa shkronja interesante të guximshme që arrita të gjej.

Ngopja është rritja e trashësisë së linjave të fontit dhe, në përputhje me rrethanat, kontrasti. Zakonisht ekzistojnë katër lloje ngopjeje: të lehta, normale, të theksuara dhe të theksuara. Megjithatë, vetëm stili normal dhe i guximshëm mund të vendoset me HTML. Dy etiketa përdoren për të vendosur tekstin me shkronja të zeza: dhe .
Shkronja e theksuar Përzgjedhja e fortë e tekstit
Stili i pjerrët

Lloji i pjerrët nuk është vetëm një pjerrësi personazhe individuale, për disa fonte kjo është një ripërpunim i plotë stil i ri duke imituar të shkruar me dorë. Dy etiketa përcaktojnë kursivet për tekstin: dhe .
Stili i shkronjave kursive Zgjedhja e tekstit
Duhet theksuar se etiketat dhe , si dhe dhe edhe pse të ngjashme në veprim, ato nuk janë plotësisht ekuivalente dhe të zëvendësueshme. Etiketa e parë - është një etiketë shënjimi fizik dhe e vendos tekstin me shkronja të zeza dhe etiketën - një etiketë logjike shënimi dhe nxjerr në pah tekstin e shënuar. Kjo ndarje e etiketave në formatimin logjik dhe fizik ishte menduar fillimisht të bëhej HTML i gjithanshëm, duke përfshirë ato që nuk varen nga pajisja e daljes së informacionit. Teorikisht, nëse përdorni, për shembull, një shfletues fjalimi, atëherë teksti formatohet duke përdorur etiketa dhe , do të shënohet ndryshe. Megjithatë, rezultoi se në shfletues të njohur Rezultati i përdorimit të këtyre etiketave është i barabartë.

Shembulli 7.5 tregon përdorimin e etiketave dhe për hartimin e teksteve.

Shembulli 7.5. Etiketat dhe
Formatimi i tekstit
Dhe ku janë biskotat dhe drita e hënës ?! - - thirri djali i keq.

Rezultati ky shembull treguar në fig. 7.5.
11/27/14 88.7K
Në html, madhësia e shkronjave luhet rol i rendesishem... Kjo ju lejon të tërhiqni vëmendjen e përdoruesit informacion i rendesishem postuar në faqen e internetit. Edhe pse jo vetëm madhësia e shkronjave është e rëndësishme, por edhe ngjyra, trashësia dhe madje edhe familja e tyre.

Etiketat dhe atributet kur zvarriten me fontet html

Gjuha e hipertekstit ka një grup të madh mjetesh për të punuar me fontet. Në fund të fundit, është formatimi i tekstit që është detyra kryesore e html.

Arsyeja e krijimit gjuha HTML u bë problemi i shfaqjes së rregullave të formatimit të tekstit nga shfletuesit.

Merrni parasysh etiketat që përdoren për të punuar me fontet në html dhe atributet e tyre. Kryesorja është etiketa ... Duke përdorur vlerat e atributeve të tij, mund të vendosni disa karakteristika të fontit:
ngjyra - vendos ngjyrën e tekstit;

madhësia - madhësia e shkronjave në njësi konvencionale.

Mbështeten vlerat pozitive të atributeve nga 1 në 7.

fytyra - përdoret për të vendosur familjen e shkronjave të tekstit që do të përdoret brenda etiketës ... Mbështeten disa vlera njëherësh, të ndara me presje.

Formatohet vetëm teksti ndërmjet pjesëve. etiketë e çiftuar font. Shfaqet pjesa tjetër e tekstit font standard instaluar si parazgjedhje.

Gjithashtu në html ka një numër etiketash të çiftuara që specifikojnë vetëm një rregull formatimi. Kjo perfshin:
- vendos fontin e theksuar në html. Etiketë veprimi është i ngjashëm me atë të mëparshëm;

- madhësia është më e madhe se e paracaktuar;

— madhësi më të vogël font;

— teksti i pjerrët(kursive). Etiketë e ngjashme ;

- teksti i nënvizuar;

~~- të kryqëzuara;~~

_{- shfaq tekstin vetëm në shkronja të vogla;}

^{- në shkronja të mëdha.}

Teksti i thjeshtë

Miniatura

Miniatura

Më shumë se zakonisht

Më pak se zakonisht

Kursivë

Kursivë

E nënvizuar

~~E kryqëzuar~~

Aftësitë e atributeve të stilit

Përveç etiketave të përshkruara, ka disa mënyra të tjera për të ndryshuar fontin në html. Një prej tyre është përdorimi i atributit të stilit të përgjithshëm. Duke përdorur vlerat e vetive të tij, mund të vendosni stilin e shfaqjes së shkronjave:

1) font-family - vetia vendos familjen e shkronjave. Numërimi i disa vlerave është i mundur.
Ndryshimi i fontit në html në vlerën tjetër do të ndodhë nëse familja e mëparshme nuk është vendosur në sistemi operativ përdorues.

Shkrimi i sintaksës:

font-family: emri i shkronjave [, emri i shkronjave [, ...]]

2) madhësia e shkronjave - madhësia vendoset nga 1 në 7. Kjo është një nga mënyrat kryesore në të cilën mund të rrisni fontin në html.
Shkrimi i sintaksës:

madhësia e shkronjave: madhësia absolute | madhësia relative | vlera | interesi | trashëgojnë

Madhësia e shkronjave mund të vendoset gjithashtu:

Në pixel;

Në vlerë absolute ( xx-i vogël, x-i vogël, i vogël, i mesëm, i madh);

Në përqindje;

Në pikat (pt).

Madhësia e shkronjave: 7

Madhësia e shkronjave: 24 px

Madhësia e shkronjave: x-large

Madhësia e shkronjave: 200%

Madhësia e shkronjave: 24 pt

3) font-style - vendos stilin e shkrimit të fontit. Sintaksë:
stili i fontit: normal | italik | i zhdrejtë | trashëgojnë

Vlerat:

normal - drejtshkrim normal;

italic - italic

zhdrejtë - font i anuar djathtas;

inherit - trashëgon drejtshkrimin e elementit prind.

Një shembull se si të ndryshoni fontin në html duke përdorur këtë pronë:

font-style: trashëgoj

stili i shkronjave: italic

stili i shkronjave: normale

stili i shkronjave: i zhdrejtë

4) font-variant - përkthen gjithçka shkronjat e mëdha me shkronja të mëdha. Sintaksë:
font-variant: normal | kapak të vegjël | trashëgojnë

Një shembull se si të ndryshoni fontin në html me këtë pronë:

font-variant: trashëgoj

font-variant: normal

font-variant: me shkronja të vogla

5) font-pesha - ju lejon të vendosni trashësinë e shkrimit të tekstit (ngopje). Sintaksë:
pesha e shkronjave: e theksuar | më e theksuar | më e lehtë | normale | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

Vlerat:

bold - vendos fontin e theksuar html;

më i guximshëm - më i trashë në krahasim me normalen;

më i lehtë - më pak i ngopur në krahasim me normalen;

normal - drejtshkrim normal;

100-900 - vendos trashësinë e shkronjave në ekuivalent numerik.

pesha e shkronjave: bold

pesha e shkronjave: më e guximshme

pesha e shkronjave: më e lehtë

pesha e shkronjave: normale

pesha e shkronjave: 900

pesha e shkronjave: 100

Vetia e shkronjave dhe ngjyra e fontit html

Fonti është një tjetër veçori e kontejnerit. Brenda, ai ka kombinuar vlerat e disa vetive të krijuara për të ndryshuar fontet. Sintaksa e fontit është:

font: font-size font-family | trashëgojnë

Gjithashtu, vlera mund të vendoset në fontet e përdorura nga sistemi në mbishkrimet në elemente të ndryshme menaxhimi:

titull - për butona;

ikonë - për ikona;

menu - menu;

mesazh-kuti - për kutitë e dialogut;

mbishkrim i vogël - për kontrolle të vogla

status-bar - fonti i shiritit të statusit.

font: ikonë

font: titull

font: menu

font: mesazh-kuti

mbishkrim i vogël

font: status-bar

font: italic 50px bold "Times New Roman", Times, serif

Ka tre mënyra për ta bërë tekstin të trashë Faqe HTML, por mos nxitoni të përdorni menjëherë cilindo që ju pëlqen, pasi një përzgjedhje e tillë mund të ketë kuptime të ndryshme dhe të ndikojë në optimizimin e faqes për motorin e kërkimit.

E guximshme me etiketë të fortë

Kjo metodë është e përshtatshme nëse dëshironi të nënvizoni një pjesë të rëndësishme të tekstit me shkronja të zeza. Etiketa HTML është një etiketë formatimi logjik dhe thelbi i tij: të "theksojë" rëndësinë e fragmentit të theksuar.

Ka etiketa të tjera të formatimit boolean në HTML. Për shembull, një etiketë e bën tekstin të pjerrët dhe tregon theksin në frazën e theksuar.

Llojet e tjera të përzgjedhjes së tekstit përshkruhen në artikull:.

Teksti i thjeshtë theksoi një pjesë të rëndësishme të tekstit... Teksti i thjeshtë.

Teksti i trashë duke përdorur etiketën b

Teksti i thjeshtë tekst i trashë... Teksti i thjeshtë.

CSS e guximshme

Teksti i trashë mund të bëhet jo vetëm me HTML speciale etiketa. Ju mund të arrini rezultatin me shkronja të zeza në çdo etiketë duke vendosur në të vetinë e peshës së shkronjave: bold; (nuk funksionon për të gjitha fontet).

Një përzgjedhje e tillë do të ketë natyrë stilistike, pa i shtuar peshë logjike tekstit të përzgjedhur.

Përveç kësaj, ju mund të zgjidhni ose një etiketë specifike ose një grup elementësh menjëherë duke specifikuar stilet përmes një klase CSS.

Vetia CSS brenda atributit të stilit:

Tekst i trashë.

Tekst i trashë.

Teksti është me font të rregullt.

Tekst i trashë.

Çfarë duhet të bëni nëse nuk mund ta bëni tekstin të trashë

Nëse nuk mund ta bëni tekstin të trashë, ka shumë të ngjarë që faqja juaj të ketë anashkaluar stilet e elementeve CSS. Në këtë rast, do t'ju duhet të rregulloni këto stile. Në shumicën e rasteve, kjo mund të bëhet përmes skedarit të tabelës kryesore Stilet CSS... Nëse nuk e kuptoni këtë, kontaktoni webmasterin. Me shumë mundësi, zgjidhja e këtij problemi do të marrë jo më shumë se 5 minuta punë (megjithëse, natyrisht, mund të ketë përjashtime).