Ky artikull nuk synon të jetë një udhëzues shterues për gjuhën e shënjimit HTML. Ai përshkruan bazat e HTML - parimet themelore, konceptet dhe përkufizimet e kësaj teknologjie, duke zotëruar të cilat, lehtë mund të vazhdoni në studimin e kodimit HTML.

Për të studiuar mësimin, shkarkoni arkivin me skedarët e nevojshëm.

HTMLështë një gjuhë shënjimi dokumentet... Shqiptimi i saktë - HT Em El.

Ju ndoshta keni punuar në një redaktues për dokumente Word ose të ngjashme aplikacionet e zyrës? Me siguri e dini se ky lloj redaktuesi ka mundësi të pasura për redaktim teksti, pozicionimin e elementeve, futjen e fotografive etj.

Pse, ju pyesni, shkruani një artikull HTML për përpunuesit e tekstit? Ja pse. Nëse e kuptoni se çfarë është një redaktues zyre? Është një aplikacion për redaktimin dhe shfaqjen e dokumenteve.

Fjala kyçe këtu është dokument ... Kjo do të thotë, ne krijojmë, modifikojmë dhe shikojmë një dokument në ndonjë program, në këtë rast, në një redaktues zyre. Nëse e hapni një dokument të tillë në një të thjeshtë redaktori i tekstit, për shembull, në Notepad, atëherë do të shohim shumë simbole dhe shenja të çuditshme. Kjo rrëmujë simbolesh është e pakuptueshme për njerëzimin, por kompjuterët mund ta kuptojnë atë. Falë kësaj gjuhe të brendshme, dokumenti Word fiton një strukturë dhe pamje të caktuar në vetë redaktuesin dhe dokumenti shfaqet para nesh në të gjithë lavdinë e tij me tekst të formatuar dhe fotografi në vend të tij.

HTMLështë një gjuhë e shënjimit të dokumentit për shfletuesin... Word këtu është shfletuesi, dhe dokumenti është faqja HTML. Kjo është vetë baza Teknologjitë HTML, kuptimi i të cilit është i nevojshëm për të mos ngatërruar gjuhën e shënjimit të dokumenteve në ueb me gjuhët e programimit. Emri flet vetë - me ndihmën e HTML ne shënoj ku elementi, fotografia ose teksti do të shfaqet në faqe dhe në çfarë rendi do të ndjekin njëri-tjetrin.

Po, shtypja dhe formatimi i tekstit në aplikacionet e zyrës nuk ka të bëjë fare me programimin. Por lexuesi i vëmendshëm do ta vërejë detaj i rëndësishëm- Në një përpunues teksti, ne shtypim, modifikojmë dhe formatojmë tekstin dhe imazhet duke përdorur butona dhe meny vizuale, por pse kodi HTML shkruhet me dorë? Pse të mësoni kaq shumë detaje teknike të shkrimit të shënimit për një dokument?

Në fakt, ka shumë redaktues me të cilët mund të krijoni dhe modifikoni faqe HTML në analogji me Word. Kjo do të thotë, kodi burimor HTML është i fshehur për ne dhe ne nuk hyjmë në të.

Një lloj Word për HTML. Redaktorë të tillë vizualë quhen:

WYSIWYG redaktorët - W kapelë Y ou S ee Unë s W kapelë Y ou G etj. Kjo do të thotë, nëse përkthehet në Rusisht: ajo që shohim është ajo që marrim.

Unë i quaj “vuzivugi”. Edhe pse kjo nuk është fonetikisht e saktë, ajo tregon qartë pakuptimësinë e kësaj shpikjeje. Fillestarët shpesh përdorin redaktorë të tillë për të krijuar faqet e tyre të para. Sigurisht, kjo është e përshtatshme - nuk keni nevojë të gërmoni në studimin e etiketave, stileve të dizajnit dhe gjërave të tjera, në shikim të parë, të pakëndshme dhe komplekse. Vetë redaktori i konverton automatikisht veprimet tona në kod HTML.

Por, siç thonë ata, asgjë nuk ndodh. Më konkretisht, kjo qasje ka të meta shumë serioze. Çfarë i pengon të gjithë në një rresht të përdorin redaktorët vizualë për Struktura HTML faqet? Fakti është se faqet e formuara në këtë mënyrë kanë, si rregull, shumë kode të tepërta, shumë gabime nga pikëpamja semantike. Tani, natyrisht, nuk ka probleme me një lidhje interneti me shpejtësi të lartë dhe ndryshimi në madhësinë e faqes prej 400 kb dhe 100 kb nuk është i rëndësishëm për shpejtësinë, megjithatë, një kod HTML i optimizuar dhe i shkruar saktë eliminon shumë probleme dhe jep shumë. nga avantazhet, përkatësisht:

• Një kod kompetent HTML ka një efekt pozitiv në optimizimin e motorit të kërkimit, shpejtësinë e zvarritjes së një faqeje nga një robot kërkimi. Kilobajtë e gjeneruar të kodit janë të papranueshëm dhe madje të dëmshëm këtu;
• Kodi HTML u krijua Redaktori i WYSIWYG ka shumë gabime semantike. Kjo do të thotë, etiketat e krijuara nga një redaktues i tillë përdoren për qëllime të tjera, ku duhet të përdorni, për shembull, lista
  , redaktori do të gjenerojë një tjetër etiketë të panevojshme për ne. Varet, natyrisht, nga redaktori, por këtu nënkuptojmë zgjidhje komplekse për krijimin e sajteve, dhe jo vetëm për redaktimin e tekstit në zonën e tekstit duke përdorur mjetet WYSIWYG.
  • Gjenerohen shumë etiketa të panevojshme dhe struktura e dokumentit është e fryrë. Le të themi se lëvizni një element në një program të tillë fillimisht në të djathtë, pastaj në të majtë, pastaj në qendër - çdo veprim lë një gjurmë në kodin origjinal HTML. Një redaktues është një program dhe ai nuk mund ta dijë se çfarë saktësisht dëshironi të merrni si rezultat, ai gjeneron mijëra kode duke marrë parasysh të gjitha opsionet e mundshme sjelljen e dokumentit në shfletues.
  • Si rregull, redaktorët për vizualizimin e kodit HTML bëhen shpejt të vjetëruar. Dhe për shkak të mungesës së interesit nga ana e profesionistëve, ata në përgjithësi humbasin mbështetjen dhe ndalojnë së zhvilluari. Dhe HTML po evoluon. Gjithçka po zhvillohet, përveç vuzivugi. Prandaj, ato nuk mund të gjenerojnë korrekte dhe kod modern, në të cilat do të përfshiheshin veçori dhe zgjidhje të reja.
  • Është ndëshkim qiellor të mbështetësh dhe zhvillosh projekte të tilla. Përdorimi i modeleve dhe ripërdorimi i kodit është jashtë diskutimit.

  Pra, ne do të shkruajmë HTML vetëm me stilolapsa. Mjetet adekuate për vizuale Redaktimi HTML ende nuk kanë dalë me, dhe nuk ka gjasa të shfaqen. Gjuha e shënjimit HTML është e lehtë për t'u mësuar dhe kuptuar, dhe mjetet e automatizimit shkrimi HTML Ka shumë kode, por më shumë për këtë në mësimet e tjera.

  Duke u kapur pak me një redaktues WYSIWYG, gurutë e rinj HTML e lënë këtë profesion të pashpresë dhe vazhdojnë.

  Struktura e dokumentit HTML

  Unë rekomandoj shkarkimin dhe instalimin e redaktuesit Sublime Text për klasat. Nuk ju rekomandoj të përdorni "Notepad" të integruar të Windows për paraqitjen HTML, nëse nuk dëshironi të prishni psikikën tuaj në fazat e hershme të mësimit të HTML.

  Ne vendosëm që do të shkruajmë kodin HTML të dokumentit me dorë, d.m.th make up. Paraqitja HTML- procesi i krijimit të një dokumenti HTML. Në njerëzit e zakonshëm dhe qarqet e ditur - vetëm paraqitje. Çdo dokument ka një strukturë dhe rregulla të caktuara ndërtoj. Nga çfarë elementësh përbëhet kodi, cila është struktura e HTML?

  Le të krijojmë një shabllon fillestar në kompjuter - një skedar index.html, hapeni me një redaktues dhe ngjisni kodin e mëposhtëm në të:

  Trupi i dokumentit Vini re se dokumentet HTML kanë shtrirjen .html.

  Pra, me radhë nga shembulli.

  - lloji i dokumentit (doctype)

  Ky konstruksion tregohet gjithmonë në fillim të dokumentit në mënyrë që shfletuesi "të kuptojë" saktë se cili version i HTML përdoret për të ndërtuar dokumentin.

  Për shkak të faktit se HTML është vazhdimisht në zhvillim, ai ka disa versione, si çdo produkt softuer. Versioni aktual i HTML është i 5-ti dhe i dhënë në shembull doktipiështë relevante.

  Në parim, nuk ka kuptim të thellohemi në studimin e llojeve të dokumenteve, sepse me lëshimin e HTML5 ky ndërtim është bërë standard. Thjesht futeni atë në fillim të dokumentit tuaj sa herë që filloni të kodoni paraqitjen e faqes suaj të internetit.

  - fillimi i dokumentit

  Etiketa e parë që shohim pas doctype është .

  Etiketa HTML- njësia strukturore e shënjimit të dokumentit HTML. Kodi HTML përbëhet nga tulla të quajtura etiketa. Çdo etiketë ka funksionin e vet dhe të mësuarit e gjuhës së shënjimit HTML në fund të fundit ka të bëjë me mësimin e etiketave dhe vetive të tyre në një dokument.

  Dua të vërej se të mësuarit e HTML nuk është aq e vështirë sa mund të duket në shikim të parë. Mësimi i etiketave të përdorura në shënimin e dokumentit nuk është një barrë aq e madhe për trurin.

  Pra, shënimi i dokumentit fillon me etiketën dhe përfundon me një etiketë mbyllëse... Çdo etiketë që përmban etiketa ose elemente të tjera duhet të mbyllet etiketa mbyllëse... Për shembull, , ,

  , etj.

  Etiketë kërkohet, pasi përmban të gjithë strukturën e dokumentit dhe është një mbështjellës për pjesën tjetër të elementeve.

  Etiketë

  Më tej, ne shohim etiketë , i cili përmban elementë të tjerë që nuk janë ende të qartë për ne. Përmban elementë të tjerë - kjo do të thotë që elementët ose etiketat janë të vendosura midis etiketave hapëse dhe mbyllëse të strukturës:

  <тег>përmbajtje ose etiketa të tjera

  Etiketë ka për qëllim të ruajë informacionin meta të një dokumenti HTML, domethënë informacionin që nuk shfaqet në vetë dokumentin, por është i rëndësishëm dhe përcakton kryesisht se si do të duket dhe sillet dokumenti.
  Ky etiketë kërkohet në dokument.

  Etiketë

  Drejtimi

  Ky tekst do të jetë i guximshëm, dhe ky është gjithashtu italik

  < ! DOCTYPE html > < html > < head > < meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" / > < title >dokument HTML< / title > < / head > < body > < p > < b > < / b > < / p > < / body > < / html >

  Elementet bazë të kokës dhe titullit

  

  Çdo dokument ka një element kokë dhe një element Titulli. E para që vjen menjëherë pas etiketës së parë ... Ky etiketë përmban të gjithë informacionin rreth faqes, ai gjithashtu përmban elementin \ Përmbajtja e faqes

  < / html >

  Siç mund ta shihni, nuk ka asgjë të komplikuar. Këtu janë etiketat më themelore që duhet të jenë të pranishme në çdo dokument html. Mos harroni të mbyllni secilën prej tyre, përndryshe shfletuesi nuk do të jetë në gjendje të perceptojë pamjen e plotë të kodit. Kjo duhet të dihet dhe mbahet mend gjithmonë. Pastaj filloni të futni tekst, fotografi, video etj. Por kjo tashmë do të jetë në artikuj të tjerë.

  Redaktori i Notepad ++

  

  Përdorni Notepad ++ për të punuar me kodin. Është falas, nuk është e vështirë ta gjesh në internet. Është shumë i përshtatshëm për perceptimin e çdo kodi, etiketa hapëse dhe etiketa mbyllëse tregohen gjithashtu me lehtësi. Ne mbështesim sintaksën e më shumë se 40 gjuhëve të programimit. Vetëm ajo që ju nevojitet për të mësuar bazat e html.

  Notepad është superior në çdo mënyrë ndaj një fletoreje të zakonshme. Për lehtësi, thjeshtësi dhe mësim maksimal këtë redaktor fillimisht duhet ta instaloni në kompjuterin tuaj. Avantazhi dhe komoditeti më themelor, Redaktori i bllokut të shënimeve++ tregon sugjerime kur shkruani kodin, gjë që e bën punën tuaj më të shpejtë dhe më të mirë ndonjëherë.

  Elementi DOCTYPE

  Çdo dokument duhet të ketë gjithashtu një element të tillë doctype. Për çfarë është dhe çfarë duhet të jetë në të. Zakonisht njerëzit nuk janë shumë të dhënë pas këtyre linjave, ata kopjojnë veten në dokumente dhe punojnë me qetësi. Këta elementë i tregojnë shfletuesit se cili version i html përdoret në dokument, cili përshkrim i faqes, cili kodim është përdorur, cilat fjalë kyçe janë përfshirë, kush është autori dhe si quhet faqja.

  Zakonisht ato vendosen në fillim. Ka disa opsione dhe të gjitha ndryshojnë nga njëri-tjetri, unë do të shkruaj një shembull që përdoret më shpesh. Ky bosh mund të përdoret si një shabllon i gatshëm. Më tej, do të ketë një përshkrim të qartë të secilës rresht, nuk duhet të ketë probleme me këtë.

  Shkurtimisht në gjuhë të thjeshtë rreth bazave të html: Kjo linjë i tregon shfletuesit se ky dokument është Versioni XHTML 1.0, përdoret anglisht dhe gjithë kjo rrëmujë ndodhet në këtë adresë. Më pas, në etiketën meta, ne tregojmë kodimin që përdoret. Windows 1251 përdoret më shpesh.

  Përshkrimi - prek temën e SEO, një nga tre etiketat kryesore, i cili duhet të jetë i pranishëm absolutisht në çdo dokument, ky etiketë tregon përshkrimin e faqes. Çfarë është shkruar në këtë faqe, një përshkrim i shkurtër, jo më shumë se dy fjali. Etiketa e fjalëve kyçe, tema e SEO është gjithashtu e prekur, kjo etiketë kërkohet. Ai përmban fjalë kyçe me të cilat përdoruesit e internetit do t'ju gjejnë përmes motorëve të kërkimit.

  Etiketa e titullit përmban titullin e vetë dokumentit, titullin e tij, të cilin e shohim në shfletues. Ndoshta etiketa më e rëndësishme në të gjithë dokumentin që ka ndikimin më të madh në promovimin e faqes. Artikulli mbi shtimin dhe stilimin përmban një përshkrim të kësaj etikete në më shumë detaje.

  Çfarë duhet të mbani mend nga ky mësim në lidhje me bazat e html:

  1. Pothuajse të gjitha etiketat hapen dhe mbyllen;
  2. Dokumenti fillon me një etiketë ;
  3. Prania e etiketës ;
  4. Prania e etiketës ;
  5. Qartë struktura html dokument.

  Të gjitha faqet kryesore duhet të emërtohen gjithmonë me fjalën indeks... Pra pranohet dhe kështu të gjithë janë mësuar me të, pavarësisht se cila do të jetë shtrirja e skedarit, mund të jetë html dhe php. Gjithmonë quhet kështu.

  Shikoni një video mbi bazat e html nga Webformyself.

  Gjuha e shënjimit të hipertekstit, elementet bazë dhe struktura. Do të përpiqem t'i përshkruaj të gjitha këto dhe shumë më tepër në blogun tim. Para së gjithash, do të shkruhen informacione të dobishme për fillestarët, do të sigurohet një kod shembull dhe mundësia për të shkarkuar vetë shembullin së bashku me faqen e përfunduar.

  HTML ( H per t ext M arkup L anguage) është kodi që përdoret për të strukturuar një faqe në internet dhe përmbajtjen e saj. Për shembull, përmbajtja mund të strukturohet brenda një grupi paragrafësh, një listë pikash me pika ose duke përdorur imazhe dhe tabela të dhënash. Siç sugjeron titulli, ky artikull do t'ju japë një kuptim bazë të HTML dhe funksioneve të tij.

  Pra, çfarë është HTML?

  HTML nuk është një gjuhë programimi; është një gjuha e shënjimit që përcakton strukturën e përmbajtjes suaj. HTML përbëhet nga një seri e elementet, të cilin e përdorni për të mbyllur ose mbështjellë pjesë të ndryshme të përmbajtjes për ta bërë atë të duket në një mënyrë të caktuar ose të veprojë në një mënyrë të caktuar. Shtojca për paragrafin. Vini re se etiketës fundore "emri i paraprihet nga një karakter i pjerrët>", dhe se në elementet boshe etiketa fundore nuk kërkohet dhe as nuk lejohet. Nëse atributet nuk përmenden, vlerat e paracaktuara përdoren në secilin rast. "> Etiketat mund të krijojnë një lidhje të lartë të një fjale ose imazhi me diku tjetër, mund të pjerrtas fjalët, mund ta bëjnë fontin më të madh ose më të vogël, etj. Për shembull, merrni linjën e mëposhtme të përmbajtjes:

  Macja ime është shumë e mërzitur

  Nëse do të donim që rreshti të qëndronte më vete, mund të specifikonim se është një paragraf duke e mbyllur atë në etiketat e paragrafit:

  Macja ime është shumë e mërzitur

  Anatomia e një elementi HTML

  Le ta eksplorojmë këtë element të paragrafit pak më tej.

  Pjesët kryesore të elementit tonë janë si më poshtë:

  1. Etiketa e hapjes: Ky përbëhet nga emri i elementit (në këtë rast, p), i mbështjellë në hapje dhe mbyllje kllapa këndore... Kjo tregon se ku fillon ose fillon të hyjë në fuqi elementi - në këtë rast kur fillon paragrafi.
  2. Etiketa mbyllëse: Kjo është e njëjtë me etiketën e hapjes, përveç që përfshin a prerje përpara përpara emrit të elementit. Kjo tregon se ku përfundon elementi - në këtë rast ku përfundon paragrafi. Dështimi për të shtuar një etiketë mbyllëse është një nga gabimet standarde të fillestarëve dhe mund të çojë në rezultate të çuditshme.
  3. Përmbajtja: Kjo është përmbajtja e elementit, i cili në këtë rast është vetëm tekst.
  4. Elementi: Etiketa hapëse, etiketa mbyllëse dhe përmbajtja së bashku përbëjnë elementin.

  Elementet mund të kenë gjithashtu atribute që duken si më poshtë:

  Atributet përmbajnë informacion shtesë për elementin që nuk dëshironi të shfaqet në përmbajtjen aktuale. Këtu, klasa është atributi emri, dhe editor-note është atributi vlerë... Atributi class ju lejon t'i jepni elementit një identifikues që mund të përdoret më vonë për të synuar elementin me informacionin e stilit dhe gjëra të tjera.

  Një atribut duhet të ketë gjithmonë sa vijon:

  1. Një hapësirë ​​midis tij dhe emrit të elementit (ose atributit të mëparshëm, nëse elementi tashmë ka një ose më shumë atribute).
  2. Emri i atributit, i ndjekur nga një shenjë barazimi.
  3. Vlera e atributit, e mbështjellë me thonjëza hapëse dhe mbyllëse.

  shënim: Vlerat e thjeshta të atributeve që "nuk përmbajnë hapësirë ​​të bardhë ASCII (ose ndonjë nga karakteret" "'=< >) mund të mbetet i pacituar, por rekomandohet që të citoni të gjitha vlerat e atributeve, pasi kjo e bën kodin më të qëndrueshëm dhe të kuptueshëm.

  Elementet e folesë

  Mund të vendosni elementë edhe brenda elementëve të tjerë - kjo quhet folezim... Nëse do të donim të deklaronim se macja jonë është shumë inatosur, mund ta mbështjellim fjalën "shumë" me a) tregon se përmbajtja e saj ka rëndësi, seriozitet ose urgjencë të madhe. Shfletuesit zakonisht e japin përmbajtjen me shkronja të zeza. "> element, që do të thotë se fjala duhet theksuar fuqishëm:

  Macja ime është shumë ters.

  Sidoqoftë, duhet të siguroheni që elementët tuaj të jenë të mbivendosur siç duhet: në shembullin e mësipërm, ne hapëm elementi përfaqëson një paragraf. ">

  elementi së pari, pastaj the) tregon se përmbajtja e tij ka rëndësi, seriozitet ose urgjencë të madhe. Shfletuesit zakonisht e japin përmbajtjen me shkronja të zeza. "> element; prandaj, duhet të mbyllim) tregon se përmbajtja e tij ka rëndësi, seriozitet ose urgjencë të fortë. Shfletuesit zakonisht e japin përmbajtjen me shkronja të zeza. "> fillimisht elementi, pastaj elementi përfaqëson një paragraf. ">

  element. Sa më poshtë është e gabuar:

  Macja ime është shumë inatçi.

  Elementet duhet të hapen dhe mbyllen saktë në mënyrë që të jenë qartë brenda ose jashtë njëri-tjetrit. Nëse ato mbivendosen siç tregohet më sipër, atëherë shfletuesi juaj i internetit do të përpiqet të bëjë supozimin më të mirë për atë që po përpiqeshit të thoni, gjë që mund të çojë në rezultate të papritura. Pra, mos e bëni!

  Elemente boshe

  Disa elementë nuk kanë përmbajtje dhe thirren elemente boshe... Merrni elementin që fut një imazh në dokument. Është një element i zëvendësuar. "> elementi që kemi tashmë në faqen tonë HTML:

  

  Kjo përmban dy atribute, por nuk ka mbyllje etiketë dhe pa përmbajtje të brendshme. Kjo ndodh sepse një element imazhi nuk e mbështjell përmbajtjen për të ndikuar në të. Qëllimi i tij është të vendosë një imazh në faqen HTML në vendin ku shfaqet.

  Anatomia e një dokumenti HTML

  Kjo përfundon bazat e elementeve individuale HTML, por ata nuk janë "të dobishëm më vete. Tani ne" do të shikojmë se si elementët individualë kombinohen për të formuar një faqe të tërë HTML. Le të rishikojmë kodin që kemi vendosur në shembullin tonë index.html (të cilin e takuam për herë të parë në artikullin Ballafaqimi me skedarët):

  

  Këtu kemi sa vijon:

  • - Doktipi. Në mjegullën e kohës, kur HTML ishte i ri (rreth 1991/92), doctypes ishin menduar të vepronin si lidhje me një sërë rregullash që faqja HTML duhej të ndiqte për t'u konsideruar HTML e mirë, që mund të nënkuptojë kontroll automatik të gabimeve dhe të tjera gjëra të dobishme. Megjithatë, këto ditë askush nuk kujdeset për to, dhe ato janë vetëm një artefakt historik që duhet përfshirë që gjithçka të funksionojë siç duhet. Për momentin, kjo është gjithçka që duhet të dini.
  • - elementi përfaqëson rrënjën (elementin e nivelit të lartë) të një dokumenti HTML, kështu që quhet edhe elementi rrënjë. Të gjithë elementët e tjerë duhet të jenë pasardhës të këtij elementi. "> element. Ky element mbështjell të gjithë përmbajtjen në të gjithë faqen dhe ndonjëherë njihet si elementi rrënjë.
  • - elementi përmban informacione (metadata) të lexueshme nga makineritë për dokumentin, si titulli, skriptet dhe fletët e stilit të tij. "> element. Ky element vepron si një enë për të gjitha sendet ti deshiron për të përfshirë në faqen HTML që nuk është "t përmbajtjen ju jeni duke u shfaqur shikuesve të faqes suaj. Kjo përfshin gjëra të tilla si fjalë kyçe dhe një përshkrim të faqes që dëshironi të shfaqen në rezultatet e kërkimit, CSS për të stiluar përmbajtjen tonë, deklarata të grupeve të karaktereve dhe më shumë.
  • - Ky element e vendos grupin e karaktereve që dokumenti juaj duhet të përdorë në UTF-8, i cili përfshin shumicën e karaktereve nga shumica dërrmuese e gjuhëve të shkruara. Në thelb, tani mund të trajtojë çdo përmbajtje tekstuale që mund të vendosni në të. Nuk ka asnjë arsye për të mos e vendosur këtë dhe mund të ndihmojë në shmangien e disa problemeve më vonë.
  • - the) përcakton dokumentin "s që shfaqet në shiritin e shfletuesit ose skedën e faqes.> - një etiketë që dërgon titullin e faqes në tabelën e përmbajtjes;
  • , ,, - etiketat e formatimit të tekstit dhe krijimit të tekstit të theksuar, teksti i pjerrët, duke rrahur paragrafin, duke formuar numërimin.

  Krahas etiketave, rezultatin e të cilave vizitori i faqes e sheh në formën e shkronjave të theksuara ose të pjerrëta, janë edhe etiketat e shërbimit, të cilat quhen meta etiketa dhe japin informacionin e nevojshëm. Motorë kërkimi, në shfletues, por jo i dukshëm për përdoruesin normal.

  Për të krijuar një faqe html, duhet të ndiqni hapat e përshkruar më poshtë në sekuencë. Ju mund të përdorni një fletore të rregullt.

  1) Krijoni një dokument. Fusni kodin e mëposhtëm në të:

  Përmbajtja e këtij elementi do të shfaqet në shfletues

  Shënim: domosdoshmërisht në " »Tregoni kodimin e dokumentit siç tregohet më sipër.

  2) Tjetra: skedar - ruaj si. Në fushën "lloji i skedarit", në vend të "txt", zgjidhni "Të gjithë skedarët" (të gjithë skedarët), në fushën e faqes së kodit (kodimi i faqes) - zgjidhni 65001 (UTF-8), në fushën "emri i skedarit" pas emrin e dokumentit, vendosni një pikë dhe zgjatjen html (.html), më pas klikoni ruaj. Tani kemi një dokument të dytë në të njëjtën dosje, por këtë herë në html. Kjo është faqja jonë e internetit, e cila tani mund të hapet në çdo shfletues.

  Shembuj të kodit HTML

  • Teksti në paragrafë

  Paragrafi 1

  Paragrafi 2

  Paragrafi 3

  • Titujt dhe paragrafët e linjës qendrore

  Ky titull është i përqendruar.

  Titulli i nivelit të dytë është i përqendruar.

  Teksti i paragrafit është në qendër.

  • Meta etiketat, titulli i faqes (titulli), përshkrimi i faqes (përshkrimi) dhe fjalë kyçe

  Paragrafi me fjalë kyçe të specifikuara në "fjalë kyçe"

  CSS - mekanizmat plotësues html

  Aty ku funksionaliteti html është i pamjaftueshëm, Cascading Style Sheets - CSS vjen në ndihmë. Ato janë opsione më të avancuara dhe më të fuqishme për ndryshimin e pamjes së një ueb faqeje. CSS funksionon në lidhje me aftësitë html. Këto dy grupe parametrash ndërveprojnë dhe nuk zëvendësojnë njëra-tjetrën në asnjë mënyrë.

  Opsionet CSS mund të vendosen në vetë dokumentin në ueb duke përdorur:

  • etiketa që janë midis etiketave dhe;
  • një atribut stili i vendosur brenda çdo etikete tjetër.

  Gjithashtu sugjerimet CSS mund t'i bashkëngjiten një dokumenti në internet me:

  • etiketë vendosur në mes dhe;
  • Direktiva @import vendoset midis etiketave.

  Në procesin e shkrimit të një fletë stili, duhet të ndiqni rreptësisht një sintaksë të veçantë që supozon vartësinë e elementeve dhe hierarkinë e tyre, në të cilën pozicionet shpërndahen midis treguesit, pronës, vlerës, përshkrimit dhe vargut. Në këtë rast, kllapat kaçurrelë përdoren për të treguar vetitë dhe disa veçori mund t'i caktohen çdo etikete menjëherë.

  Mënyrat për të përfshirë fletët e stilit CSS

  Ka disa mënyra për të lidhur CSS me html:

  • tabela inline, në të cilat një fletë stili është ngulitur në kokën e faqes duke përdorur një etiketë;