Theksimi i HTML: Teksti i trashë, i pjerrët dhe me ngjyra. Si të krijoni një font të bukur në html: madhësitë, ngjyrat, etiketat e shkronjave html Me etiketën i mundeni

Etiketoj në HTML përdoret për të bërë një pjesë të tekstit të pjerrët.

Etiketë HTML i referohet etiketave të formatimit fizik. Ndryshoni stilin e shkronjave duke përdorur një etiketë ka natyrë stilistike.

Ju gjithashtu mund ta bëni italic tekstin HTML duke përdorur etiketën. Në këtë rast, teksti do të konsiderohet i theksuar logjikisht (në kuptim), "i nënvizuar".

Specifikimi HTML5 rekomandon dhënien përparësi të etiketave të formatimit logjik: fragmente të rëndësishme të tekstit - një etiketë, theksim - një etiketë, nëntituj - etiketa, theksim i tekstit - një etiketë. Italizoni tekstin me një etiketë ndjek vetëm nëse karakteri i përzgjedhjes nuk përputhet me asnjë etiketë të formatimit logjik.

Të gjitha llojet e përzgjedhjes së tekstit përshkruhen në artikull:.

Sintaksë

tekst i pjerrët

Shfaqja e shfletuesit

Shembull i përdorimit në kodin HTML




Etiketa e pjerrët në HTML


Tekst i thjeshtë që mund të gjendet në çdo sit. Dhe këtu është teksti me shkronja të pjerrëta (

Të gjithë i dinë këto etiketime , , , janë prezantim, dhe për këtë arsye, bazuar në paradigmën "struktura, prezantimi, sjellja" përdorimi i tyre nuk inkurajohet. Elementët duken shumë më të njohur , , ... Ky ka qenë rasti për shumë vite të praktikës së zhvillimit. Sidoqoftë, shumë gjëra kanë ndryshuar në semantikën e këtyre elementeve me ardhjen e HTML5. Tani kemi 4 etiketime të reja me kuptim dhe një rrëmujë në kokën tonë.

vs

Nëse më parë të gjithë librat shkollorë për paraqitjen ishin plot me fraza të tilla si “përdorimi në vend të kësaj ”, Dhe kjo ishte gjysmë e vërtetë, sot një zakon i tillë mund të luajë një shaka semantike mizore. Dhe gjëja është që autorët HTML5 sugjerojnë përdorimin të nxjerrë në pah fragmente të tekstit në mënyrë që të tërheq vëmendjen e lexuesit, por pa nënkuptuar një rritje të kuptimit të tekstit ose intonacionit. Specifikimi ofron shembuj të përdorimit për shënimin e fjalëve kyçe në një dokument

frobonitor dhe barbinator përbërësit janë skuqur.

Dhe kryeson (paragrafi i parë i një artikulli në gazetari)


Kotele "të birësuar" nga lepuri i përkëdhelur


Gjashtë kotele të braktisur kanë gjetur një figurë të re të papritur të nënës - një lepur të përkëdhelur.


Infermierja veterinare Melanie Humble çoi kotelet tre javësh në shtëpinë e saj në Aberdeen.


Nga ana e saj , si më parë, nënkupton vlerën e rritur të përmbajtjes së saj.

vs

Tani e tutje përmban tekst që dallon nga mjedisi i përgjithshëm, por nuk ka një konotacion emocional. Per mendimin tim, është logjike të përdoret kur tradita tipografike sugjeron shkronja të pjerrëta (për shembull, fjalët në një gjuhë të huaj, terma, etj.)

Per aspera ad Astra - e përkthyer nga latinishtja, thënia do të thotë "Përmes ferrave deri te yjet".

e njëjta nënkupton stresin e theksuar, theksin emocional në një fragment të caktuar të tekstit. Ky është rasti kur në të folur nxjerrim në pah fjalët me zë (intonacion, vëllim, etj.)

Për të ekzekutuar nuk mundet, ki meshire.

Lexoni me kujdes kontratën!

"Teksti me shkronja të vogla" (informacion që është një formalitet ligjor, siç është licenca e ndërmarrjes ose adresa ligjore, etj.), Ne, si rregull, shënuam me një element me një klasë që vendos një font më të vogël në agjentët vizualë të përdoruesit. Tani një e re e vjetër është shfaqur në arsenalin tonë semantik element - .

Holyvar rreth

Më herët nuk ishte asgjë më shumë se teksti i përpiluar. Tani paraqet informacion që ka humbur rëndësinë e tij.
Ne gjithashtu kemi një artikull , e cila rezulton në tekst të hyrjes në parazgjedhje në agjentët vizualë të përdoruesit. Do të thotë ndryshime në dokument, dhe në shikim të parë, qëllimi i tyre mund të duket i njëjtë. Sidoqoftë, këtu ka një pikë delikate. Merrni parasysh një shembull të një faqeje produkti në një dyqan në internet.
Mund të tregojë dy çmime, njëra prej të cilave është përshkruar. Ne e shënojmë atë me një element ... Kjo do të thotë që çmimi i vjetër ka humbur rëndësinë e tij (pa marrë parasysh se kur ka qenë, vetë fakti është i rëndësishëm). Si të kontrolloni se çfarë nuk është ? nënkupton ndryshimet e bëra në dokument(ajo që ka rëndësi është se në një moment të caktuar dokumenti u ndryshua) Në rastin tonë, dokumenti i ri tashmë përmban informacione të parëndësishme.

Semantika e re dhe doktipi i vjetër

Nëse, për ndonjë arsye të panjohur, nuk mund ta zëvendësoni doktipin me një të ri dhe të shkruani zyrtarisht në HTML 4.01, mos u dëshpëroni. Përdorni elementë të rinj të vjetër me kuptim të ri dhe me kalimin e kohës do të thoni faleminderit vetes. Ndoshta dikush do të thotë se kjo është e gabuar, por në fund të fundit, këto elemente, përveç madje nuk janë të pavlefshme. Përveç kësaj, HTML5 u krijua me pajtueshmërinë e prapambetur në mendje, dhe e njëjta gjë vlen për semantikën e re të elementeve të vjetra. Asgjë nuk ka ndryshuar rrënjësisht, dhe vetëm një kokërr semantik është shtuar.

Në këtë artikull, ne do të flasim për mënyrën e zgjedhjes së tekstit. me shkronja të pjerrëta HTML Ashtu si me tekstin e theksuar, teksti i pjerrët mund të bëhet në tre mënyra:

  • Etiketoj unë HTML;
  • Etiketoj em HTML;
  • Prona e CSS në stilin e shkronjave.

Le të shqyrtojmë të tre opsionet për të bërë shkronja të pjerrëta në HTML, të diskutojmë hollësitë e kësaj çështjeje dhe cilat metoda janë më të përshtatshme dhe korrekte për t'u përdorur në situata të caktuara.

Teksti italik: etiketë

Etiketoj unë (italic), i ngjashëm me etiketën b për tekstin e theksuar, përdoret për të theksuar fizikisht tekstin italik (kjo do të thotë që ndryshon vetëm stili i tekstit). Etiketoni aplikacionin unë:

Ndërtuesi i faqes në internet "Nubex"

Kështu, pjesa e kërkuar e tekstit vendoset midis etiketave .

Teksti italik: etiketë

Edhe pse etiketa unë mbetet i vlefshëm, nga këndvështrimi i optimizimit të faqes është më mirë të përdoret etiketimi em të nxjerrë në pah pjesët logjikisht të rëndësishme të tekstit. Kjo do të thotë që merimangat e motorëve të kërkimit marrin parasysh rëndësinë e tekstit të vendosur midis etiketave. :

Ndërtuesi i faqes në internet "Nubex"

Rezultati:

Ndërtuesi i faqes në internet "Nubex"

Por mos harroni se teksti i mbyllur në etiketa unë dhe em, megjithëse ato shfaqen pothuajse të njëjta (në të gjithë shfletuesit modernë), në thelb nuk janë identike, siç u përmend më lart. Prandaj, duhet të përdorni etiketat sipas nevojës: tag em HTML për të kornizuar sektorë të rëndësishëm të tekstit dhe për të aplikuar dizajn vizual italik duke përdorur një etiketë unë ose stilet CSS. Tani le të shohim përdorimin e stileve CSS për zgjedhjen e tekstit italik.

Teksti italisht mundësuar nga CSS

Për të vendosur stilet për shfaqjen e shkronjave në CSS, përdorni vetinë në stilin e shkronjave, e cila mund të marrë vlerat e mëposhtme: i zhdrejtë (teksti italic), i pjerrët (pjerrët) dhe normal (font i rregullt).

Vlen të kujtohet se i pjerrët shkronja dhe i prirur, në thelb të tyre, nuk janë të njëjtat. Shkronja të pjerrëta është një font i veçantë që është analog me tekstin e shkruar me dorë, dhe i prirur formohet duke anuar fontin e rregullt djathtas.

Aplikimi i atributeve në stilin e shkronjave në praktikë:

Italic me CSS - "Nubex"

Faqet tona janë, me të vërtetë, hap i madh në zhvillimin e internetit.

Ne bëjmë me të vërtetë cilësia faqet

Por duhet të mbahet mend se disa shfletues shkruajnë me pronën stili i shkronjave: i zhdrejtë; mund të mos interpretohet si tekst italic, por si italic.

Tani do të studiojmë etiketat kryesore. Le të fillojmë me ato etiketime që kërkohen në faqe, duke formuar strukturën e saj.

Bllokoj Struktura e faqes më të thjeshtë

Një faqe në sit është një skedar teksti i thjeshtë me shtrirjen .html... Kjo skedar përmban tekstin e faqes HTML së bashku me etiketat. Ky skedar duhet të ketë etiketat e mëposhtme: etiketë , i cili duhet të përmbajë tekstin e të gjithë faqes në internet (gjithçka e shkruar jashtë kësaj etikete do të injorohet nga shfletuesi), dhe brenda saj duhet të ketë edhe dy etiketa: për përmbajtjen e shërbimit të faqes dhe etiketës - për tekstin kryesor, i cili është i dukshëm në ekranin e shfletuesit.

Për të shërbyer përmbajtjen që ndodhet brenda etiketës , vijnë shumë gjëra të ndryshme, por tani për tani na duhen vetëm dy prej tyre. Ky është një etiketë , i cili vendos titullin e faqes që do të jetë i dukshëm në skedën e shfletuesit dhe etiketën <meta> , i cili vendos kodimin e faqes (është vendosur në atribut <b>sharrëza</b> dhe zakonisht ka rëndësi <b>utf-8</b>, më shumë për këtë në video, e cila do të jetë disa paragrafë më poshtë).</p> <p>Gjithashtu, para etiketës <html> ndërtimi zakonisht shkruhet <b>doktipi</b>, i cili tregon versionin e gjuhës HTML në të cilën është bërë faqja. Versioni aktual i gjuhës është numri pesë dhe doktipi për të duhet të duket kështu -<!DOCTYPE html> .</p> <p>Le të hedhim një vështrim në strukturën themelore të faqes (për të ekzekutuar këtë shembull në një shfletues, kopjojeni atë në një skedar teksti me shtrirjen <b>.html</b> dhe hapeni në një shfletues nëse keni probleme me këtë - shikoni videon poshtë shembullit):</p> <p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ky është titulli i titullit Kjo është përmbajtja kryesore e faqes.

Shihni këtë lidhje për mënyrën se si duket ky shembull në një shfletues.

Unë mendoj se pasi të keni lexuar në lidhje me strukturën themelore të faqes, ju ende keni disa konfuzione në lidhje me atë se si të gjitha duket në praktikë. Prandaj, unë bëra një video të veçantë në të cilën do t'ju tregoj se si ta bëni faqen tuaj të parë HTML dhe ta ekzekutoni atë në shfletuesin (në të do t'ju tregoj gjithashtu për titullin e faqes, për kodimet, për hartimin e kodit). Shikoni dhe vetëm atëherë kaloni në leximin e mëtejshëm:

Epo, tani që kemi mësuar se si të krijojmë faqet më të thjeshta, do të kalojmë në eksplorimin e etiketave të dobishme që duhet të përdoren brenda një etikete ... Këto do të jenë etiketa për paragrafët, titujt, listat, lidhjet dhe gjëra të tjera të dobishme. Pra, le të fillojmë.

Bllokoj Paragrafët

Një nga elementët kryesorë të faqes janë paragrafët... Ato mund të krahasohen me paragrafët në një libër - secili paragraf fillon në një rresht të ri dhe ka një të ashtuquajtur vijë të kuqe (kjo është kur rreshti i parë i tekstit të paragrafit është pak i prerë në të djathtë). Nuk ka asnjë vijë të kuqe si parazgjedhje, por është e lehtë për t'u bërë (më shumë për këtë më vonë).

Një paragraf krijohet duke përdorur etiketën

Kështu:

Ky është titulli i titullit

Ky është një paragraf.

Ky është një paragraf tjetër.

Dhe një paragraf më shumë.

Ky është një paragraf.

Ky është një paragraf tjetër.

Dhe një paragraf më shumë.

Bllokoj Titujt h1, h2, h3, h4, h5, h6

Përveç paragrafëve, janë të rëndësishme në faqe tituj kryesorë... Ato gjithashtu mund të krahasohen me tituj nga një libër - secili kapitull ka titullin e vet (titulli i këtij kapitulli) dhe ndahet në paragrafë, të cilët gjithashtu kanë titujt e tyre. Epo, dhe teksti kryesor i faqes është në paragrafë.

Headers janë krijuar duke përdorur etiketat

,

,

,

,

,
... Ato kanë shkallë të ndryshme të rëndësisë. Në titull h1 duhet te kete titulli i të gjithë faqes HTML, në h2 - emri blloqe faqet në h3 - emri i nënbllokimeve, etj.

Të gjithë titujt janë të trashë me parazgjedhje dhe kanë madhësi të ndryshme (kjo mund të ndryshohet përmes CSS, por më shumë për këtë më vonë). Shihni shembullin:

Ky është titulli i titullit

Titulli H1

Titulli H2

Titulli H3

Titulli H4

Titulli H5
Titulli H6

Ky është paragrafi i parë.

Ky është paragrafi i dytë.

Ky është paragrafi i tretë.

Kështu do të duket kodi në shfletues:

Titulli H1

Titulli H2

Titulli H3

Titulli H4

Titulli H5
Titulli H6

Ky është paragrafi i parë.

Ky është paragrafi i dytë.

Ky është paragrafi i tretë.

Bllokoj I yndyrshëm

Ju tashmë e dini që titrat e parazgjedhur janë yndyror... Sidoqoftë, mund ta bëni edhe tekstin e thjeshtë të theksuar - thjesht futeni në etiketë ... Shihni shembullin:

Ky është titulli i titullit

Ky është një tekst normal, dhe ky është yndyror teksti.

Kështu do të duket kodi në shfletues:

Ky është një tekst normal, dhe ky është yndyror teksti.

duhet të përdoret brenda disa etiketave të tjera, të tilla si një paragraf. Në këtë rast, paragrafët krijojnë strukturën e përgjithshme të faqes (paragrafët dhe titujt), dhe etiketën b i bën pjesët individuale të tekstit të theksuara.

Bllokoj Shkronja të pjerrëta

Përveç yndyrës, mund të bëni edhe shkronja të pjerrëta duke përdorur etiketën :

Ky është titulli i titullit

Ky është një tekst normal, dhe ky është i pjerrët teksti.

Kështu do të duket kodi në shfletues:

Bllokoj Listat

Së bashku me paragrafët dhe titujt, ekziston edhe një element tjetër i rëndësishëm i faqes - ky është listat... Elementë të tillë ndoshta janë të njohur për të gjithë përdoruesit e internetit. Ato janë një listë e diçkaje (një listë) pikë për pikë. Zakonisht ka një rreth të mbushur pranë çdo sendi në listë (quhet shënues listë).

Listat krijohen duke përdorur etiketën

© 2020 Gadgets Mobile dhe Kompjuterike