Çfarë është HTML dhe pse është i nevojshëm? Gjuha e shënjimit HTML

Për shembull, kjo është se si duket një pjesë e kodit të faqes për një nga postimet tona në blog.

Sa më shpesh të përdorni etiketat, aq më shpejt mbahen mend ato. Gjithmonë mund të gjeni një direktori me të gjitha etiketat, atributet dhe kuptimet e tyre.

Në këtë seksion do të flasim për gjuhën e shënjimit HTML, duke e studiuar atë me shembuj gjatë rrugës. Vlen të shtohet se "ri-botimet" e artikujve të shkruar nga unë më parë do të publikohen në këtë seksion; në përputhje me rrethanat, shënimet e vjetra në lidhje me HTML do të fshihen në procesin e shkrimit të të rejave.

Publikimi i parë është "për të vegjlit", ose më mirë për fillestarët, për ata njerëz që as nuk e imagjinojnë: çfarë është HTML? Bëhet fjalë për pyetjen "Çfarë është HTML?" Ky artikull përgjigjet, dhe gjithashtu jep një ide themelore të aftësive të gjuhës HTML.

Çfarë është HTML? Historia e HTML

çfarë është HTML. HTML është një gjuhë shënjimi e hipertekstit që është bërë shumë e përhapur në internet. Gjuha HTML përcakton strukturën e faqeve që shihni në shfletues. Çdo faqe interneti në internet përdor HTML për të shfaqur informacionin.

HTML përcakton strukturën e faqeve që shihni në shfletues falë etiketave HTML, shfletuesi "i lexon", i përpunon ato dhe më pas shfaq etiketat në ekranin tuaj, por në formën e elementeve HTML, me disa elementë HTML mundeni madje ndërveproni me miun ose tastierën.

Për të qenë të saktë nga pikëpamja formale, do të ishte e saktë të mos thuhej një faqe HTML, por një dokument HTML; shfletuesi juaj komunikon me serverin e internetit nëpërmjet , dërgimit dhe marrjes, trupi i të cilit përmban HTML.

Ashtu si HTTP, HTML u zhvillua në CERN nga Tim Berners-Lee në 1991 dhe fillimisht u përdor nga shkencëtarët për të shkëmbyer dokumente shkencore. HTML përcaktoi qartë strukturën e dokumentit dhe bëri të mundur nxjerrjen në pah disa veçori të tekstit të dokumentit, falë kësaj dhe faktit që sintaksa e gjuhës HTML ishte e thjeshtë, ajo u bë e përhapur jo vetëm në komunitetin shkencor, por shkoi edhe te masat.

Për momentin, më shpesh mund të gjeni HTML 4.01 në faqet e internetit; versioni më i fundit i HTML për momentin është HTML 5, i cili shfaqet saktë nga të gjithë shfletuesit modernë. Për çdo dokument HTML, duhet të specifikoni versionin; për këtë, ekziston një etiketë speciale DOCTYPE, e cila tregon versionin HTML.

Natyrisht, për t'iu përgjigjur pyetjes me pak fjalë: "çfarë është HTML?” është joreale, kështu që do të ketë një seksion të veçantë në blogun tim në të cilin do të studiojmë HTML dhe veçoritë e tij.

Programe për shikimin e dokumenteve HTML. Si të hapni një skedar HTML?

Ne kemi përmendur tashmë se shfletuesit përdoren për të parë dokumentet HTML. Kur futni një URL të faqes në shfletuesin tuaj, ai e analizon atë dhe e lidh atë me serverin. Serveri "kupton" se çfarë dokumenti HTML dhe në çfarë forme "dëshiron" të marrë shfletuesi dhe i dërgon atij një përgjigje të veçantë që përmban dokumentin HTML.

Pasi ka marrë dokumentin HTML, shfletuesi fillon ta analizojë atë. Fillimisht lexon vlerën e etiketës DOCTYPE për të kuptuar se cili version i HTML po përdoret, më pas shfletuesi analizon meta-etiketat e ndryshme për të kuptuar se si të shfaqet dokumenti. Më pas, shfletuesi analizon etiketat HTML që janë përgjegjëse për strukturën dhe shfaqjen e dokumentit.Pas analizuar të gjithë këtë informacion, shfletuesi gjeneron një faqe që i shfaqet përdoruesit.

Për momentin, janë shkruar shumë programe që ju lejojnë të shikoni një dokument HTML. Për shembull, le të themi se drejtoritë në formatin chm janë gjithashtu HTML, por ato përdorin etiketa të veçanta HTML . Shfletuesit më të njohur për shikimin e HTML janë:

• Google Chrome - shfletues nga Google;
• Internet Explorer – shfletues nga Microsoft;
• Mozilla Firefox është një shfletues nga kompania Mozilla, e cila është e angazhuar në zhvillimin e Internetit;
• Opera është një nga shfletuesit më të shpejtë;
• Safari është një shfletues nga Apple;
• Shfletuesi Yandex është një shfletues nga motori i kërkimit Yandex.

Ka shumë më tepër shfletues, por të gjithë ata nuk janë aq të njohur sa ata që rendita më lart.

Zakonisht një dokument HTML është në formatin .htm ose .html. Nëse faqja juaj bazohet në një CMS, atëherë kodi i faqes HTML mund të gjenerohet automatikisht, por pavarësisht se sa "i zgjuar" është CMS, ai nuk është "i aftë" të gjenerojë të gjithë strukturën e dokumentit HTML më vete, dhe për disa sajte, për shembull, një faqe, një CMS nuk kërkohet fare.

Programe për të shkruar kodin HTML. Si të krijoni një faqe HTML?

Ne mund të shikojmë dokumente HTML, por askush nuk na ndalon të krijojmë dokumente HTML. Për të krijuar një dokument HTML, mund të përdorni redaktues të veçantë teksti, nga të cilët tani ka shumë dhe që kanë funksione të ndryshme (mund të përdorni edhe një bllok shënimesh të rregullt) , le të shohim redaktorët më të njohur të HTML:

• Notepad++ është një redaktues falas me theksim sintaksor dhe plotësim automatik;
• Brackets është një redaktues falas nga Adobe me shumë veçori;
• SublimeText 3 është një redaktues me pagesë që shpejton ndjeshëm zhvillimin.

Ka gjithashtu shumë redaktues HTML, shumë kompleks dhe shumë të thjeshtë. Këtu kemi shqyrtuar vetëm redaktuesit më të njohur dhe më të përshtatshëm për krijimin e faqeve HTML.

Le të shohim pyetjen: si të krijoni një faqe HTML. Vini re se kam në plan të shkruaj një seri të tërë postimesh në të cilat do të studiojmë HTML, kështu që unë propozoj të organizojmë shembujt tanë dhe të krijojmë një dosje HTML në të cilën do të ruhen të gjithë shembujt, brenda dosjes HTML krijoni një dosje Mësimi 1. Për krijoni një faqe HTML, hapni çdo redaktues, edhe nëse është Notepad dhe shkruani ndonjë fjali në formën e redaktimit, unë do të shkruaj: "Përshëndetje, Botë!"

Pas kësaj, ruajeni këtë skedar në dosjen Lesson 1, emërtoni skedarin index.html ose index.htm.

Ju lutemi vini re: ju mund t'i emërtoni skedarët HTML sipas dëshirës; më vonë do të kuptojmë pse i japim skedarit indeksin e emrit.

Tani shkoni te dosja e Mësimit 1 dhe hapni skedarin e krijuar HTML në shfletues, për ta bërë këtë: kliko me të djathtën në skedarin index.html dhe zgjidhni çdo shfletues të përshtatshëm. Unë do të hap faqen e krijuar HTML në Opera:

Ne krijuam faqen tonë të parë HTML, ose më mirë, dokumenti i parë HTML dhe pa faqen HTML në shfletues.

Unë vërej se ky dokument HTML është i pasaktë ose, siç thonë zhvilluesit, i pavlefshëm, mos krijoni më kurrë dokumente të tilla HTML dhe shpresoj që hyrjet e mëvonshme në blogun tim do t'ju ndihmojnë të mësoni HTML dhe krijoni dokumente të sakta ose të vlefshme HTML e lehtë dhe e relaksuar. Gjëja e rëndësishme këtu është se ne mësuam se si të krijonim faqe HTML dhe kuptuam se nuk është aq e vështirë.

Karakteristikat e gjuhës HTML, ku përdoret HTML

Tani le të flasim për Aftësitë e gjuhës HTML dhe ku përdoret HTML. Ju lutemi vini re: tani do të shqyrtojmë veçoritë themelore të HTML 4.01, për të mos e komplikuar njohjen e parë me HTML. Vëmë re gjithashtu se duhet të merrni parasysh aftësitë e HTML 5 vetëm pasi të keni studiuar aftësitë themelore, do të jetë shumë më e thjeshtë dhe më e qartë.

Le të fillojmë të shikojmë aftësitë e HTML. Qëllimi kryesor i gjuhës HTML është të strukturojë informacionin në një faqe. Gjuha HTML ju lejon të strukturoni informacionin në mënyra të ndryshme: krijoni tabela, lloje të ndryshme listash, paragrafë, shtoni imazhe në një dokument, ndani dokumentin në pjesë duke përdorur titujt, krijoni forma për ndërveprim me përdoruesit, lidhni dokumente të ndryshme HTML me lista.

Megjithëse detyra kryesore e HTML është të shënojë një dokument ose të krijojë një strukturë, kjo gjuhë gjithashtu ka elementë të projektimit, për këtë ekzistojnë etiketa speciale që ju lejojnë të nënvizoni tekstin, ta bëni atë të theksuar ose të pjerrët, të krijoni një indeks ose nënindeks dhe shumë. më shumë, ne do të flasim për të gjitha këto në detaje. Tani duhet të themi se disa etiketa HTML konsiderohen të ndaluara për shkak të parëndësisë së tyre, dhe përdorimi i disa etiketave konsiderohet formë e keqe.

Atributet HTML u shpikën për të dizajnuar dokumente HTML dhe për t'i bërë etiketat HTML unike, por për momentin askush nuk përdor atributet HTML për të hartuar dokumente, pasi ka fletë stili kaskadë ose CSS. Ka përjashtime, për shembull, disa klientë të postës elektronike nuk mund të punojnë me CSS dhe atributet HTML përdoren për të dizajnuar emailet.

Baza dhe më e përhapura Fusha e aplikimit të HTML është Interneti. Çdo faqe interneti përdor HTML për të paraqitur informacionin tek përdoruesi në formë grafike, por HTML nuk kufizohet vetëm në internet; ai përdoret në mënyrë shumë aktive në zhvillimin e aplikacioneve celulare dhe desktop për sisteme të ndryshme operative.

Shpresoj se kam dhënë përgjigje të qarta dhe të thjeshta për pyetjet: çfarë është HTML, për çfarë është HTML, si të krijohet një faqe HTML dhe fushat e aplikimit të HTML.

Tim Berners-Lee
Krijuesi i gjuhës HTML

Ky artikull ka të bëjë me HTML Jepet një pasqyrë e shkurtër e gjuhës, strukturës, karakteristikave dhe historisë së saj. Ky artikull ka të bëjë me Gjuha HTML synohet të lexohet për zhvillim të përgjithshëm dhe në fazën fillestare të mësimit të HTML-së, mund ta kapërceni dhe t'i ktheheni më vonë, pas leximit.

HTML (Gjuha e shënjimit të hipertekstit)- gjuha e shënjimit të hipertekstit. Faqet e internetit krijohen duke përdorur Gjuha HTML.

Krijuesi i gjuhës HTML është një shkencëtar i shquar britanik - Tim Berners-Lee.

Versionet HTML

Përpara vitit 1995, nuk kishte asnjë standard zyrtar për gjuhën HTML, por kishte disa versione jo të standardizuara të gjuhës HTML. Më 22 shtator 1995, u krijua standardi i parë zyrtar i gjuhës HTML, ai mori menjëherë numrin 2.0 (HTML 2.0).

Më 14 janar 1997, u shfaq versioni HTML 3.2,
18 dhjetor 1997 HTML 4.0,
24 dhjetor 1999 HTML 4.01

Në vitet 00, ka pasur gjithashtu Gjuha e shënjimit XHTML(njëlloj si HTML, por me sintaksë më të rreptë). XHTML kishte për qëllim të përgatiste webmasterët për rregulla strikte të shënjimit Gjuha XML. Falë shënimit të rreptë, programe dhe shërbime të ndryshme që kuptojnë XML mund të përpunojnë në mënyrë efektive të dhënat në faqet e shkruara në XHTML; kjo gjuhë gjithashtu ka aftësinë të zbatojë SVG, MathML, CML dhe derivate të tjerë të gjuhës XML.

XHTML ekzistonte në tre versione: strikte, kalimtare dhe grup kornizash; në versionin kalimtar, mund të përdorni etiketa të trashëguara si qendra ose fonti. Aktualisht, zhvillimi Gjuha XHTML mbyllur.

Versioni modern i gjuhës HTML është HTML5, ky është versioni që do të studiojmë në këtë tutorial. HTML5 është më i përshtatshëm se gjuhët e mëparshme dhe ka thithur të gjitha avantazhet e tyre; gjithashtu i kushton vëmendje të madhe semantikës.

Gjuha CSS dhe HTML

Duke filluar nga versioni 4 i gjuhës HTML, rekomandohet të ndryshoni pamjen e etiketave HTML vetëm duke përdorur gjuhën CSS. Prandaj, këshillohet që të studioni paralelisht gjuhët HTML dhe CSS. Në këtë tutorial HTML për fillestarët, ne do t'i hedhim një vështrim edhe aspekteve fillestare të gjuhës CSS, por për të vazhduar mësimin, mund ta lexoni vetë

Historia e HTML

Gjuha HTML u krijua në vitin 1991 nga shkencëtari britanik Tim Berners-Lee. Në atë kohë, Tim punonte në CERN (Organizata Evropiane për Kërkime Bërthamore) dhe faqet e internetit nuk ekzistonin ende. Shkencëtarët që punojnë në këtë qendër kishin nevojë për një mënyrë të besueshme dhe efikase për të shkëmbyer informacion.

Zgjedhja ra Gjuha SGML, por ishte shumë e ndërlikuar dhe më pas Tim, bazuar në SGML, krijoi një variant të thjeshtuar të tij - HTML, falë të cilit çdo shkencëtar mund të krijonte një dokument të thjeshtë me informacione, duke e inkuadruar me etiketa të ndryshme: paragrafë, tituj, lidhje dhe ta postonte në internet, dhe në të njëjtën kohë shkencëtarë të tjerë mund ta lexonin këtë informacion.

Fillimisht, vetëm informacioni i tekstit mund të vendosej në dokumentet HTML (në faqet e internetit); aftësia për të shtuar skedarë mediatikë: imazhe, video dhe audio u shfaq pak më vonë.

Për momentin, mbështetje dhe zhvillim Gjuha HTMLështë fejuar W3C (Konsorciumi World Wide Web)- Konsorciumi World Wide Web. W3C përbëhet nga grupe të ndryshme pune që zbatojnë dhe zhvillojnë standardet dhe teknologjitë e internetit.

Tabela e shpërndarjes së shfletuesit

Skedarët HTML zakonisht kanë një shtesë .html ose .htm. Këta skedarë mund të shikohen duke përdorur shfletuesin e Internetit.

Tabela e emrave të shfletuesve dhe numri i shpërndarjes së tyre në botë, që nga janari 2016, në rend zbritës: