Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Gabimet
  • Bazat e gjuhës HTML. Bazat e html për fillestarët në gjuhë të qartë

Bazat e gjuhës HTML. Bazat e html për fillestarët në gjuhë të qartë

Mirësevini në faqet e blogut tim. HTML është një gjuhë e thjeshtë shënjimi që përdoret për të krijuar faqe në internet. Thashë se ishte e thjeshtë që të mos frikësoheshe duke e mësuar. Gjuha html është thjesht ideale për fillestarët - është shumë më e vështirë të zotërosh menjëherë një gjuhë programimi nga e para, por html është në të vërtetë shumë më e thjeshtë.

Në këtë artikull, unë dua t'ju tregoj se si ta mësoni këtë gjuhë sa më shpejt dhe në mënyrë efektive, në mënyrë që brenda një ose dy muajsh ta dini atë në mënyrë të përsosur. Mendoni se është e pamundur? Fillova të mësoj html në fund të marsit. Në fund të majit, unë tashmë i dija 90% të etiketave të nevojshme për punë pa asnjë problem.

Si të mësoni një gjuhë falas?

Sigurisht, për të mësuar më shpejt, duhet të gjeni disa faqe të dobishme. Së pari, do t'ju duhet referenca html. Edhe programuesit me përvojë e përdorin atë, sepse është thjesht e pamundur të mbani dhjetëra etiketa dhe atributet e tyre në kokën tuaj.

Nga librat e referencës mund t'ju rekomandoj - htmlbook. Ky është një sit vërtet i lezetshëm që mbledh të gjitha etiketat dhe tregon rezultatin e punës së tyre me një përshkrim të hollësishëm. Por ky është vetëm një udhëzues mjet shtesë, efekti më i madh mund të arrihet me praktikë reale.

Kurse interaktive

Dhe këtu po flas për kurse interaktive. Kjo është aftësia për të shkruar kodin dhe për të parë menjëherë se si shfaqet. Gjatë kurseve do t'ju jepen detyra. Së pari, ato të thjeshta, për shembull, duke e kthyer tekstin në titull ose duke bërë një tabelë. Atëherë është më e vështirë. Më në fund do të kuptoni se çfarë mund të bëni duke përdorur HTML. Nëse mendoni se duhet të paguani për këtë, gaboheni.

është një faqe e mrekullueshme me kurse në html dhe css. 16-18 kurset e para janë falas! Nëse dëshironi të vazhdoni studimet dhe të fitoni akses në ato të paguara, do t'ju duhet të paguani 300 rubla në muaj ose 1800 në vit. Personalisht, dhashë 300 rubla, përfundova gjithçka në një muaj kurse me pagesë dhe mori shumë përfitime prej saj.

Rëndësia e të dhënave

Një këshillë tjetër nga unë - shkruani! Shkruani të gjitha informacionet që janë të reja dhe të rëndësishme për ju. Nëse nuk e shkruani, rrezikoni të mos e mbani mend. njohuritë e nevojshme. Personalisht kam tre fletore të përgjithshme në raft, pothuajse tërësisht të mbushura me shkrime dhe herë pas here i shikoj kur harroj këtë apo atë pronë.

Studimi paralel i html dhe css

HTML është vetëm një teknologji ueb që ndihmon në krijimin e strukturës dhe paraqitjes së një ueb faqeje. CSS është plotësisht përgjegjëse për dizajnin në zhvillimin e faqes në internet. Këto gjuhë duhet të mësohen njëkohësisht, sepse ato ndërveprojnë me njëra-tjetrën.

Praktikë e pavarur

Pasi të keni fituar disa njohuri, mund të praktikoni vetë. Si ta bëjmë atë? Mundohuni të vendosni një artikull me fotografi, një tabelë, një listë të ndërthurur, një të thjeshtë plan urbanistik me dy kolona faqe apo diçka tjetër. Duhet të praktikosh sepse po e vetmja mënyrë rrënjos shpejt në tru një kuptim se si funksionon çdo gjë. Gjëja më e mirë, natyrisht, është të gjesh veten mësues në këtë çështje, por ka shumë të ngjarë që do të duhet të paguani për këtë.

Mësime nga ekipi webformyself

Webformyself është një portal i mrekullueshëm në internet që ofron një ton informacioni mbi ndërtimin e faqeve të internetit. Në faqen e tyre të internetit mund të gjeni shumë artikuj falas mbi HTML, CSS dhe paraqitjen e faqeve të internetit, por ata kanë lëshuar edhe video tutoriale me pagesë, qëllimi i të cilave është t'ju përcjellin njohuri të dobishme sa më shpejt që të jetë e mundur.

Në fund të fundit, duhet të keni një arsye pse po mësoni këto teknologji në internet. Kjo zakonisht bëhet për të mësuar se si të krijoni vetë paraqitjet e faqeve në internet. Nëse edhe ju e keni këtë qëllim, atëherë një mundësi e shkëlqyer për ju do të ishte blerja e aksesit në mësimet premium në webformyself.com. Si rezultat, ju mund të merrni jo vetëm akses në mësimet mbi HTML dhe CSS, por edhe shumë të tjera. Për shembull, JavaScript dhe WordPress.

ka mësime të dobishme, do të doja të shënoja gjithashtu mundësinë për të bërë paraqitjen time të parë duke përdorur mësimet. Kjo është shumë e rëndësishme sepse do të merrni praktikë e mirë, pas së cilës do të mund të përmirësoheni vetë, duke u përpjekur të krijoni paraqitje të tjera për faqet që gjeni në internet.

Sa kohë duhet për të mësuar gjuhët?

Mesatarisht, HTML dhe CSS mund të mësohen shumë shpejt, me qasja e duhur. Për shembull, m'u deshën disa muaj. Nëse dini se ku të merrni njohuri, procesi i të mësuarit mund të përshpejtohet disa herë.

Faqe të mira me materiale të dobishme Unë jua dhashë - atëherë varet nga ju. Në parim, burimet e mësipërme janë më të mirat në internet. Për shembull, më shumë se njëqind mijë njerëz kanë përfunduar kurse nga Htmlacademy dhe më shumë se 87 mijë njerëz janë abonuar në përditësimet e Webformyself.

Vendosa t'i kushtoj më shumë vëmendje fillestarëve që duan të marrin njohuri në fushën e ndërtimit të faqeve të internetit. Mësuesja ime më shtyu ta bëja këtë, sepse ajo bëri shumë gabime në manualet e mësimdhënies. punë laboratorike. Do të isha i lumtur të shikoja burimin nga i cili u mor informacioni arsimor dhe të lija disa rreshta të mendimit tim atje. Por kjo nuk është për këtë tani. Në leksionin tim të parë do të flas për

Cila është struktura e një dokumenti HTML?

Etiketë njofton që struktura e dokumentit html fillon, - e cila përfundon. Midis etiketave Shumica e informacionit ruhet për shfletuesin dhe motorët e kërkimit. Në etiketa përmban titullin e faqes sonë. Etiketë tregon se ajo që vijon është informacion i destinuar për përdoruesin, Kjo natyrisht do të thotë që informacioni për përdoruesit po mbaron.

Tani më lejoni të shpjegoj pak. Të gjitha etiketat ( etiketa - elementi i gjuhës së shënjimit të hipertekstit) ndahen në dy lloje: “single” dhe “mbyllëse”. Për më tepër, etiketat janë të mbyllura në karakteret e mëposhtme < Dhe > , janë ata që dallojnë etiketën nga teksti i thjeshtë html. Le të shohim disa nga etiketat më të thjeshta "të vetme":


— një etiketë që është përgjegjëse për thyerjen në një linjë të re në vendin ku është instaluar kjo etiketë. Le të shohim kodin duke përdorur këtë etiketë.

Faqja ime e parë Pershendetje te gjitheve!
Dhe kjo është faqja ime e parë.

Rezultati mund të shihet.


— një etiketë që vizaton një vijë horizontale. Kjo etiketë vlen për elementët e bllokut, rreshti fillon gjithmonë me linjë e re. Ka 5 atribute:

  • align - Përcakton shtrirjen e vijës. Mund të marrë vlerën majtas, qendër, djathtas.
  • color — Vendos ngjyrën e rreshtit.
  • noshade - Vizaton një vijë pa efekte 3D.
  • madhësia — Vendos trashësinë e vijës.
  • width — Vendos gjerësinë e rreshtit.

Kodi duke përdorur etiketën


:

Faqja ime e parë Pershendetje te gjitheve!


Dhe kjo është faqja ime e parë.

Një shembull vizual mund të gjendet këtu.

Një tjetër etiketë "e vetme" është . Ky etiketë përdoret për të ruajtur informacionin e destinuar për shfletuesit dhe motorët e kërkimit. Motorët e kërkimit shikojnë meta etiketat për të marrë përshkrimet e faqeve, fjalë kyçe dhe të dhëna të tjera. Ju lejohet të përdorni një numër të pakufizuar meta etiketash, të gjitha duhet të vendosen ndërmjet tyre Dhe . Parametrat e çdo meta etikete kanë formën “emër=vlerë”, e cila përcaktohet fjalë kyçe përmbajtjen, emri ose http-equiv. Sepse etiketat meta janë të destinuara për makina, ato nuk bëjnë asnjë ndryshim vizual, kështu që unë do të jap vetëm kodin burimor:

Kjo linjë tregon që krijuesi i faqes beson se faqja po përdor kodimin UTF-8. Në HTML5 gjithçka është bërë më e thjeshtë për të specifikuar kodimin, gjithçka që ju nevojitet është rreshti i mëposhtëm:

Ka etiketa të tjera të vetme ( , ,
, , , ,


, , , , , , , , , ), por do t'ju prezantoj pak më vonë.

Tani le të flasim për "mbylljen" e etiketave. Vetë emri "etiketë mbyllëse" tregon se etiketa kërkon një mbyllje të detyrueshme. Kjo është bërë në mënyrë që të kufizohet qartë pjesa e tekstit që prek etiketa.

Për shembull i qartë le të shohim etiketën , e cila përdoret për të theksuar tekstin, e vendos fontin në të theksuar. Etiketa Dhe janë kufij që përcaktojnë zonën e përzgjedhjes së tekstit. Këtu është kodi ku kanë harruar të mbyllin etiketën në rreshtin e fundit :

Faqja ime e parë Pershendetje te gjitheve! Dhe kjo është faqja ime e parë.
Pershendetje te gjitheve! Dhe kjo është faqja ime e parë.

Siç mund ta shihni, nuk ka asgjë të komplikuar, tani mund të krijoni disa faqe të lidhura me njëra-tjetrën.

Etiketat për të theksuar tekstin

Ka disa mënyra për të theksuar tekstin në një faqe. Kjo mund të bëhet duke përdorur stile, ose mund të përdorni etiketa. Ne jemi (për momentin) të interesuar për opsionin e dytë.

— vendos fontin në të theksuar.

— vendos stilin e shkronjave të pjerrëta.

— shton një nënvizim në tekst.

- synon të theksojë tekstin. Shfletuesit e shfaqin këtë tekst me shkronja të pjerrëta.

- kalon tekstin. Kjo etiketë është hequr nga HTML5, rekomandohet ta përdorni në vend të saj

— shfaq tekstin si tekst me një hapësirë. U hoq nga HTML5.

— shfaq fontin si një mbishkrim. Fonti shfaqet mbi bazën e tekstit dhe me një madhësi të reduktuar.

— shfaq fontin si nënshkrim. Teksti është i pozicionuar nën vijën bazë të karaktereve të mbetura në rresht dhe në një madhësi të reduktuar.

- synon të theksojë tekstin. Shfletuesit e shfaqin këtë tekst me shkronja të zeza.

- zvogëlon madhësinë e shkronjave me një në krahasim me në tekst të thjeshtë. NË Madhësia HTML fonti matet në njësi konvencionale nga 1 në 7, madhësia mesatare e tekstit e përdorur si parazgjedhje është 3. Tag zvogëlon tekstin me një njësi konvencionale. Etiketat e mbivendosura lejohen , dhe madhësia e shkronjave do të jetë më e vogël me 1 me çdo nivel të ndërthurur, por nuk mund të jetë më e vogël se 1.

— rrit madhësinë e shkronjave me një në krahasim me tekstin e zakonshëm. Në HTML, madhësia e shkronjave matet në njësi arbitrare nga 1 në 7, madhësia mesatare e tekstit të paracaktuar është 3. Kështu, duke shtuar një etiketë e rrit tekstin me një njësi konvencionale. Etiketat e mbivendosura lejohen , dhe madhësia e shkronjave do të jetë më e madhe me çdo nivel.

- përdoret për të theksuar citimet në tekst. Përmbajtja e kontejnerit shfaqet automatikisht në shfletues në thonjëza.

— projektuar për të theksuar citate të gjata brenda një dokumenti. Teksti i shënuar me këtë etiketë shfaqet tradicionalisht si një bllok i rreshtuar me mbushje majtas dhe djathtas (afërsisht 40 piksele), si dhe mbushje në krye dhe në fund.


— përcakton një bllok teksti të paraformatuar.  Një tekst i tillë zakonisht shfaqet me një font me një hapësirë ​​dhe me të gjitha hapësirat midis fjalëve.  Si parazgjedhje, çdo numër hapësirash në kod në një rresht shfaqen si një në faqen e internetit.  Etiketë 
Ju lejon të anashkaloni këtë veçori dhe të shfaqni tekstin siç kërkohet nga zhvilluesi.

- përcakton paragrafi i tekstit. Etiketë

Është një element blloku, gjithmonë fillon në një rresht të ri, paragrafët e tekstit që ndjekin njëri-tjetrin ndahen me mbushje. Sasia e mbushjes mund të kontrollohet duke përdorur stile. Nëse nuk ka etiketë mbyllëse, fundi i paragrafit supozohet se përkon me fillimin e elementit tjetër të bllokut.

..
..

- HTML ofron gjashtë tituj nivele të ndryshme, të cilat tregojnë rëndësinë relative të seksionit pas titullit. Po, etiketo

përfaqëson titullin më të rëndësishëm të nivelit të parë dhe etiketën

shërben për të treguar titullin e nivelit të gjashtë dhe është më pak i rëndësishëm. Si parazgjedhje, titulli i nivelit të parë shfaqet më së shumti shtyp i madh stil të guximshëm, titujt e nivelit pasardhës kanë përmasa më të vogla. Etiketa

,…,

Referojuni elementeve të bllokut, ata gjithmonë fillojnë në një rresht të ri dhe pas tyre, elementë të tjerë shfaqen në rreshtin tjetër. Për më tepër, hapësira e bardhë shtohet para dhe pas titullit. Etiketa ka një atribut rreshtoj, i cili përcakton shtrirjen e titullit, mund të marrë vlerat majtas- shtrirja e kokës në të majtë, qendër- shtrirje në qendër, drejtë- shtrirje e djathtë, justifikoj— shtrirje sipas gjerësisë (njëkohësisht përgjatë skajeve të djathta dhe të majta). Kjo vlerë funksionon vetëm për titujt që janë më të gjatë se një rresht.

— është një enë për ndryshimin e karakteristikave të shkronjave, të tilla 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. Etiketa ka 3 atribute: ngjyrë— vendos ngjyrën e tekstit, fytyrë— përcakton llojin e shkronjave, madhësia— përcakton madhësinë e shkronjave në njësi konvencionale.

— shënon tekstin si citat ose fusnotë për një material tjetër. Ky theksim është i dobishëm për ndryshimin e stilit të tekstit nëpërmjet CSS, dhe përdoret gjithashtu për të ndarë kodin HTML në elementet strukturore. Shfletuesit zakonisht vendosin tekstin brenda kontejnerit me shkronja të pjerrëta.

— tregon se sekuenca e karaktereve është një shkurtim. Përdorimi i atributit titull jepet një dekodim i shkurtesës, i cili u lejon atyre njerëzve që nuk e njohin atë të kuptojnë shkurtesën. Përveç kësaj, Motorë kërkimi indeksoni versionin me tekst të plotë të shkurtesës, i cili mund të përdoret për të përmirësuar renditjen e dokumentit.

Si parazgjedhje, teksti është i mbyllur në një enë nënvizuar me një vijë me pika.

Më poshtë është kodi në të cilin kam përdorur të gjitha këto etiketa:

Faqja ime e parë

HTML dhe CSS janë dy nga teknologjitë kryesore për ndërtimin e faqeve në internet. HTML ofron strukturën e faqes, CSS paraqitjen (vizuale dhe zanore), për një sërë pajisjesh. Së bashku me grafikën dhe skriptimin, HTML dhe CSS janë baza e ndërtimit të faqeve të internetit dhe aplikacioneve në ueb. Mësoni më shumë më poshtë për:

Çfarë është HTML?

HTML është gjuha për duke përshkruar strukturën e ueb faqeve. HTML u jep autorëve mjetet për të:

Publikoni dokumente në internet me tituj, tekst, tabela, lista, foto, etj.
Merrni informacionin në internet nëpërmjet lidhjeve të hipertekstit, me klikim të një butoni.
Forma të projektimit për kryerjen e transaksioneve me shërbime në distancë, për përdorim në kërkim për informacion, duke bërë rezervime, duke porositur produkte, etj.
Përfshini fletëllogaritëse, videoklipe, klipe zanore dhe aplikacione të tjera drejtpërdrejt në dokumentet e tyre.
Me HTML, autorët përshkruajnë strukturën e faqeve duke përdorur markup. Elementet e gjuhës etiketojnë pjesë të përmbajtjes si p.sh "paragraf", "listë", "tabela" dhe kështu me radhë.

Çfarë është XHTML?

XHTML është një variant i HTML që përdor sintaksën e XML, gjuhën e shënjimit të zgjeruar. XHTML ka të gjithë elementët e njëjtë (për paragrafët, etj.) si varianti HTML, por sintaksa është paksa e ndryshme. Për shkak se XHTML është një aplikacion XML, ju mund të përdorni XML të tjera mjetet me të (siç është XSLT, një gjuhë për transformimin e përmbajtjes XML).

Çfarë është CSS?

CSS është gjuha për përshkrimin e prezantimit të faqeve të internetit, duke përfshirë ngjyrat, paraqitjen dhe shkronjat. Kjo ju lejon të përshtatni prezantimin me lloje të ndryshme pajisjesh, të tilla si ekrane të mëdha, ekrane të vegjël ose printera. CSSështë të pavarur e HTML dhe mund të përdoret me çdo shënim të bazuar në XML gjuhe gjuhe. Ndarja e HTML nga CSS e bën më të lehtë mirëmbajtjen e sajteve, ndarjen e fletëve të stilit nëpër faqe dhe përshtatjen e faqeve në mjedise të ndryshme. Kjo quhet ndarja e strukturës (ose: përmbajtjes) nga prezantimi.

Çfarë është WebFonts?

WebFontsështë një teknologji që u mundëson njerëzve të përdorin fontet sipas kërkesës në ueb pa kërkuar instalim në sistemi operativ. W3C ka përvojë në fontet e shkarkueshme përmes HTML, CSS2 dhe SVG. Deri kohët e fundit, fontet e shkarkueshme nuk kanë qenë të zakonshme në ueb për shkak të mungesës së një formati të ndërveprueshëm të shkronjave. Përpjekja e WebFonts planifikon ta adresojë këtë përmes krijimit të një formati të hapur të fontit të mbështetur nga industria për Ueb-in (i quajtur "WOFF").

Leksioni ka përfunduar, shpresoj se njohuritë e marra do t'ju jenë të dobishme! Në leksionin tjetër do t'ju tregoj se çfarë ruan etiketa në vetvete , do të mësojmë se si të kryejmë të gjitha llojet e manipulimeve me imazhe dhe do të njihemi me tabelat.

Gjatë shkrimit të këtij artikulli, përshkrimi i disa etiketave është marrë nga këtu

HTML është gjuha e shënjimit të hipertekstit që e bëri internetin atë që ne njohim dhe duam. Falë këtij mjeti të mrekullueshëm, faqet duken bukur dhe moderne, si dhe sigurojnë lehtësinë e përdorimit. HTML thjesht rregullon elementet e një faqe interneti në një format miqësor për përdoruesit. Puna e tij është e krahasueshme me atë që bëjnë njerëzit si MS Word ose OpenOffice. Ata e kthejnë një masë letrash pa fytyrë në një dokument që përmban paragrafë, miniaturë, kursive, tabela dhe madje edhe imazhe. Gjuha HTML bën afërsisht të njëjtën gjë, me ndryshimin e vetëm që dokumentet e saj shfaqen në një shfletues dhe aftësitë e këtij mjeti janë shumë më të gjera se ato të një redaktuesi teksti. Etiketat përdoren për shënim - ekipe speciale, duke përshkruar strukturën e një faqe interneti. Ato janë të mbyllura në kllapa këndore -<тег>, në mënyrë që shfletuesi t'i dallojë ato nga pjesa më e madhe e tekstit. Më pas, ne do të mbulojmë bazat e HTML për fillestarët.

Redaktorët vizualë

Fillestarët që sapo kanë nisur rrugën drejt mësimit të HTML-së, shpesh e fillojnë punën e tyre me programe që i lejojnë ata të krijojnë faqe interneti pa asnjë njohuri. Në to thjesht mund të organizoni elementë në ekran në mënyrën se si do të shfaqen në shfletues. Duket se ky është burimi i hirit të përjetshëm që ju lejon të heqni qafe shumicën e zhvilluesve të uebit. Por jo gjithçka është kaq e thjeshtë, pasi redaktorët vizual kanë shumë mangësi që e bëjnë të pamundur përdorimin e tyre në projekte serioze.

Të gjitha këto programe krijojnë shumë etiketa të panevojshme, të cilat e bëjnë versionin përfundimtar të faqes të rëndë dhe jooptimal. Sigurisht, në epokën tonë internet me shpejtësi të lartë Kjo ka më pak rëndësi sesa dikur, por ka një sërë arsyesh pse një faqe interneti koncize dhe e shkruar mirë është më praktike sesa homologu i saj i krijuar në një redaktues vizual. Një faqe interneti e krijuar në një program të tillë nuk do të përpunohet mirë robotët e kërkimit, meqenëse çdo kilobajt kod është i rëndësishëm për ta, dhe kodi i rëndë dhe i palogjikshëm me një bandë nuk ka gjasa t'i përshtatet shijes së tyre. Për më tepër, redaktorët shpesh mbeten prapa kohës, duke u bërë të parëndësishëm dhe shpenzimi i burimeve për zhvillimin e tyre është jopraktik, pasi asnjë profesionist nuk i përdor këto produkte. Prandaj, kushdo që dëshiron të punojë në industrinë e zhvillimit të faqeve të internetit duhet të dijë bazat e HTML.

Etiketa

Siç u përmend më lart, etiketat përshkruajnë strukturën e një faqe interneti në shfletues. Shumica e tyre kanë një etiketë hapëse dhe mbyllëse, por jo të gjitha. Për shembull, ..., ku në vend të pikave ka përmbajtje. E para tregon se ku fillon etiketa dhe e dyta e mbyll atë. Mund të ketë elementë të tjerë të shënjimit të faqeve brenda, ato mund të futen brenda njëri-tjetrit si një kukull foleje. Është e rëndësishme të mbyllni etiketat në kohën e duhur në mënyrë që faqja të shfaqet në mënyrë korrekte.

Ka edhe etiketa të vetme që nuk kanë nevojë të mbyllen. Në to, përmbajtja ndodhet brenda, ashtu siç mund të shkruhet për shumicën e etiketave HTML, dhe përcakton vetitë e elementit. Tregohet në etiketën hapëse dhe duket diçka si kjo: atribut="...", ku në vend të pikave është vlera e atributit. Njohja e etiketave është e para dhe më e rëndësishmja hap i rëndësishëm për të zotëruar HTML. Bazat e këtij arti përfshijnë gjithashtu të kuptuarit e strukturës së një faqe interneti.

Struktura e dokumentit

Çdo dokument HTML ka një shtesë përkatëse, për shembull Index.html. Në këtë mënyrë shfletuesi mund të kuptojë se me çfarë ka të bëjë dhe të shfaqë faqen në mënyrë korrekte. Këshillohet që të gjithë skedarët e përdorur për të krijuar një faqe interneti të ruhen në një direktori, gjë që do ta bëjë jetën tuaj shumë më të lehtë në të ardhmen. Bazat e gjuhës së shënjimit të hipertekstit HTML kërkojnë një kuptim të qartë të strukturës së dokumentit. Fillon me etiketën, duke i treguar shfletuesit Versioni HTML, i cili përdoret në këtë dokument. Aktiv ky moment Versioni i pestë i gjuhës është aktual, kështu që nuk ka nevojë të shpikni asgjë këtu, mund të vendosni me siguri etiketën e mësipërme në fillim të çdo faqeje.

Pastaj janë strukturat kryesore të çiftëzuara që përbëjnë "skeletin" e sitit. Etiketa e parë në të cilën janë futur të gjitha të tjerat është .... Çdo gjë jashtë saj nuk njihet nga shfletuesi si një faqe interneti, kështu që ai hap dokumentin dhe e mbyll atë. Ky etiketë kërkohet për çdo dokument. Ai gjithashtu përmban disa etiketa të tjera të nevojshme, të cilat do të diskutohen më poshtë.

kokë

Brenda një etikete ... përmban informacione të natyrës teknike që nuk do të shfaqen në faqe, por megjithatë janë pjesë e rëndësishme dokument HTML. Në këtë vend vendosen themelet e faqes; Përmbahet brenda etiketa e kërkuar .... Titulli shfaqet në krye të shfletuesit, ku mund të vendosni edhe një ikonë të vogël që karakterizon përmbajtjen e faqes. Këshillohet që menjëherë të tregoni dokumentin që kodon për të shfaqja e saktë. Kjo mund të bëhet duke përdorur etiketën . Meta etiketat ofrojnë informacion në lidhje me strukturën e faqes dhe zakonisht ndodhen brenda kokës.

Lidhje

Njohja e bazave të HTML përfshin gjithashtu përdorimin e stilit kaskadë, ose css. Ata vendosin vetitë e elementeve që do të shfaqen në faqe. Qasje moderne Kjo detyrë përfshin transferimin e karakteristikave të tilla si ngjyra, lartësia dhe vendndodhja e elementit në një skedar të jashtëm për lehtësi më të madhe. Për të përfshirë një skedar css, përdorni etiketën . Kur të përfundojë duket diçka si kjo: , ku href tregon vendndodhjen e skedarit dhe tipi tregon llojin e tij.

Trupi

Pikërisht në këtë pjesë të dokumentit HTML krijohet pjesa e dukshme e faqes. Gjithçka që bëhet brenda "trupit" do të shfaqet nga shfletuesi. NË të përdorura sasi e madhe Etiketat HTML. Bazat janë formatimi i tekstit, puna me lidhjet dhe mjetet bazë për strukturimin e një faqe interneti. Për të filluar punën në HTML, ju vetëm duhet të dini etiketat bazë dhe të jeni në gjendje t'i përdorni ato. Më poshtë janë ato më të njohurat:

  • - përdoret për të theksuar një nënvarg që do t'i nënshtrohet një stili të veçantë të përshkruar në css;
  • - krijon një lidhje në një faqe interneti; adresa e tranzicionit specifikohet nga atributi href;
  • - një nga etiketat më të njohura të kohës sonë; kushdo që vendos të mësojë bazat Gjuha HTML l, duhet t'i kushtoj vëmendje të veçantë, pasi ajo element blloku, në bazë të së cilës bëhet pjesa e luanit të vendeve moderne (parametrat për blloqet
    janë të specifikuara në css, dhe blloqe të tjera mund të vendosen brenda kësaj etikete);
  • Zgjedh një paragraf nga teksti; përmbajtja e paragrafit është midis etiketave hapëse dhe mbyllëse;

    1. - një listë me numra, elementët e së cilës përmbahen etiketë e çiftuar
      • - listë me pika, në të cilën, ashtu si në një të numëruar, elementët përcaktohen nga një etiketë
      • -

        - titujt e dokumenteve (numri tregon nivelin e titullit, d.m.th

        - titulli kryesor, dhe opsionet pasuese janë nëntitujt e tij, meqë ra fjala, titujt e nivelit

        ,
        pothuajse e pamundur të gjendet në internet), është gjithashtu e rëndësishme të mbani mend se mund të ketë vetëm një titull për faqe

        ;

      • - miniaturë;
      • - kursive;
      • - futja e një fotografie në një faqe interneti (kjo është një etiketë e vetme, nuk kërkon një etiketë mbyllëse, por duhet të përfshijë atribut alt, i cili specifikon tekstin për imazhin);

      Këto nuk janë të gjitha etiketat që ju nevojiten për të krijuar faqen tuaj të internetit, por ato janë të mjaftueshme për të vendosur bazat e HTML për fillestarët.

      CSS

      Zhvillimi i gjuhës HTML ka çuar në faktin se çdo etiketë ka fituar shumë atribute, dhe kërkesat për paraqitjen e faqeve të internetit janë rritur ndjeshëm. Kodi u bë i rëndë dhe i papërshtatshëm, ishte e vështirë për ta lexuar, e lëre më për ta përshtatur apo ndryshuar atë. Përveç kësaj, nëse faqja juaj ka dhjetë faqe me shumë tituj të shënuar jeshile, dhe ju befas dëshironi t'i bëni ato të kuqe, do t'ju duhet të djersiteni, duke ndryshuar secilën me dorë. Me ardhjen e Cascading Style Sheets, ky proces është bërë i thjeshtë dhe logjik, dhe kodi HTML është bërë shumë më i lexueshëm.

      Aplikimi i CSS

      Për të krijuar faqe në internet, duhet të dini bazat e HTML dhe CSS, pasi tani nuk ka asgjë për të bërë në këtë fushë pa njohuri për fletët e stilit kaskadë. Ata vendosin atribute për çdo element që zbatohet për të gjithë dokumentin. Në këtë mënyrë ju mund të vendosni ngjyrën për të gjithë elementët në të njëjtën kohë

      Ose duke shkruar vetëm një rregull. Duke pasur parasysh kërkesat moderne për paraqitjen e faqeve të internetit, përdorimi i fletëve të stilit kaskadë është i detyrueshëm.

      Për të lidhur një skedar css me një dokument, ekziston etiketa e lidhjes. Parimi i përdorimit të tij u përshkrua pak më lart, por nuk është opsioni i vetëm për kombinimin e të gjitha stileve në një vend. Ka një etiketë tjetër