Өнөө үед ямар ч вэб програмист асуултанд итгэлтэйгээр хариулж чадна: HTML - энэ өргөтгөл гэж юу вэ? Гэхдээ хүн бүр вэб програмист биш. Ийм асуултад зөв хариулт өгөхөд хараахан бэлэн болоогүй хүмүүс байгаа нь лавтай. Тиймээс үүнтэй холбоотой ойлголтуудыг эхнээс нь авч үзье.

HTML - энэ юу вэ?

HTML (Hypertext Markup Language) нь интернетийн баримт бичгийг тэмдэглэх нийтлэг хэл юм (програмчлалын хэл биш!). Бараг бүх вэб хуудсууд үүнийг ашиглан бүтээгдсэн. Сүүлийнх нь текст болон бусад элементүүдийг (зураг, хүснэгт) агуулсан энгийн баримт бичгүүдээс ялгаатай бөгөөд тэдгээр нь текстийг ямар ч хөтөч дээр ойлгоход шаардлагатай тусгай тодорхойлогч (шошго) агуулдаг. HTML өргөтгөл (эсвэл HTM) нь файл нь вэб баримт бичгийн ангилалд хамаарах шинж тэмдэг юм.

HTML хаягууд нь вэб хуудасны бүтэц, форматын талаархи мэдээллийг агуулсан тусгай заавар юм. Шошго бүрийг өнцгийн хаалт доторх текстэнд оруулсан болно<>. Бараг бүх шошго нь хосолсон бөгөөд нээх, хаах хэсгийг агуулж байгаа нь эдгээр хэсгүүдэд оруулсан текстэд нөлөөлдөг.

HTML шошго ашиглах жишээг Tag View дээр дурын вэб хуудсыг нээх замаар харж болно. Үүнийг хийхийн тулд хөтчийн цэснээс "Харах" - "HTML хэлбэрээр" гэсэн зүйлийг сонгох хэрэгтэй. Зарим хөтчийн хувьд халуун товчлуурууд бас ажилладаг: Ctrl + U, хөтчийн тусдаа таб дээр дарахад HTML кодуудыг харах боломжтой горимд ижил хуудас нээгдэнэ.

Тэмдэглэгээний хэлний стандартын түүхээс

HTML-ийн өөр өөр хувилбарууд байдаг. Хэл нь байнга сайжирч байгаа тул бараг жил бүр шинэ хувилбар гардаг. Янз бүрийн вэб хөтчүүдийг (HTML хуудсыг үзэх програмууд) өөр өөр компаниуд хөгжүүлдэг бөгөөд тус тусын шошго, тэдгээрийн дэмжлэгийн тайлбарт ялгаатай байдаг. Үүний үр дүнд ижил HTML кодыг өөр өөр хөтчүүд өөр өөрөөр харуулдаг бөгөөд зарим хөтчүүд хувь хүний ​​хаягийг огт ойлгодоггүй.

1990 оноос өмнө HTML - энэ юу вэ? Энэ хэлний баримт бичгийг анх 1991 онд хэвлүүлсэн. Зохиогч, физикч Тим Бернерс-Ли үүнийг сүлжээгээр дамжуулж буй тэмдэгтүүдийн багцыг гарчиг, холбоос, догол мөр болгон хувиргах хэрэгсэл болгон бүтээжээ. Энэ нь удалгүй интернетэд баримт бичгийг тэмдэглэх стандарт хэл болжээ.

Хөгжүүлэлтийн явцад энэ нь анхны хувилбараас HTML 5 руу шилжсэн бөгөөд үргэлжлүүлэн сайжруулсаар байна. Энэ хэл нь бүтэц болон форматын аль алиных нь тодорхойлогчдыг агуулдаг. Дараа нь стандарт CSS технологийг нэвтрүүлсэн бөгөөд энэ нь форматын тайлбарыг тусдаа CSS файл болгон салгаж, HTML хаягуудад баримт бичгийн бүтцийн тайлбарыг үлдээдэг. Үүний үр дүнд зарим тодорхойлогчийг ашиглахаа больсон.

HTML баримт бичгийн бүтэц

Энэ нь тодорхой зохицуулалттай бөгөөд хэд хэдэн заавал байх ёстой шошго агуулсан байх ёстой. Үүнд:

• Tag- баримт бичгийн төрөл, түүний шинж чанар.
• Шошго - баримт бичгийн эхлэл ба төгсгөлийн хил хязгаарыг заана.
• Шошго - хөтөч, хайлтын робот, файл, скриптийн холбоосыг агуулсан баримт бичгийн үйлчилгээний хэсгийг хязгаарлах.
• Шошго - хөтөч болон хайлтын робот руу заавар оруулах.
• Шошго - баримт бичгийн үндсэн гарчгийг тохируулах, энэ нь зөвхөн хөтчийн цонхны дээд таб дээр харагдана.
• Шошго - баримт бичгийн харагдах хэсгийг хязгаарлах.

Мэдэх хэрэгтэй шошго

Түгээмэл хэрэглэгддэг шошгоуудын функцууд нь ямар ч хуулбар зохиогчдод ойлгомжтой байх ёстой бөгөөд тэдгээрийг текстэнд нэмэх нь ямар ч текст засварлагч дээр боломжтой. Тэдгээрийг тусгай засварлагчгүйгээр текст форматлахад ашиглаж болно. Ялангуяа дараах HTML кодуудыг ихэвчлэн ашигладаг.

• - догол мөрийг тодруулах.
• 
  текст
  - текстийг дараагийн мөрөнд оруулах.
• тодоор тодруулсан - тодоор тодруулах.
• үгээр- текстийг үгээр тодруулах.
• зангуу - ямар ч зангуу оруулах - шошгонд заасан холбоос руу шилжих шилжилтийг эхлүүлдэг үг эсвэл объект. "зангуу" гэсэн үгийн оронд "ЭНД" гэж бичих эсвэл өөр үг, хэллэг, объектыг оруулна уу; "Холбоос" гэсэн үгийн оронд холбоосыг хүргэж буй интернет хаягийг оруулна уу.

• Гарчиг

  - эхний түвшний гарчгийг тодруулах.

• Хадмал орчуулга

  - 2-р түвшний гарчиг гэх мэт зургаа дахь шат хүртэл.

Энгийн засварлагч дээр HTML файлыг хэрхэн үүсгэх

Вэб хуудсыг (өөрөөр хэлбэл HTML файл) ямар ч текст засварлагч (жишээлбэл, Notepad) дээр бичиж болно. Гэхдээ бүх шошгыг гараар оруулах шаардлагатай болно. Энэ аргын давуу тал нь туйлын багасгасан код юм. Сул тал - гипертекст тэмдэглэгээний хэлний сайн мэдлэг, ажлынхаа үр дүнг шууд харах боломжгүй байх шаардлагатай. Тиймээс энэ арга нь зөвхөн маш энгийн вэб хуудас үүсгэхэд тохиромжтой.

HTML редакторууд

Бараг бүх мэргэжилтнүүд тусгай HTML засварлагч ашигладаг. Тэдгээрийн хамгийн алдартай нь Macromedia HomeSite болон Dreamweaver MX юм. Эдгээр нь танд автоматаар олон шошго оруулах, текст болон үйлчилгээний кодын элементүүдийг тодруулах, үр дүнг тусгай цонхонд нэн даруй харах боломжийг олгодог. Гэхдээ эдгээр хөтөлбөрүүд төлбөртэй байдаг.

Эхлэгчдэд чөлөөтэй тараагдсан редакторуудыг ашиглан ур чадвараа шалгах нь дээр. Тэдгээрийн хамгийн алдартай нь Notepad++, Komodo Edit, Aptana, Alaborn iStyle болон KompoZer юм. Эдгээр программ бүр өөрийн гэсэн давуу талтай, хэрэглэгчдэд их бага үйл ажиллагааг хангадаг, өөрийн гэсэн интерфэйстэй байдаг. Өөрт тохирохыг нь сонгохын тулд та тус бүр дээр ажиллахыг хичээх хэрэгтэй. Та оролдохын тулд мөнгө төлөх шаардлагагүй тул үүнийг хийхэд хялбар байдаг.

Эдгээр засварлагч програмуудаас гадна харааны дизайны хэрэгслүүд байдаг (жишээ нь, HoTMetal Pro). Вэб хуудас үүсгэх үед тэд HTML тодорхойлогчийг гараар оруулах шаардлагагүй болно. Гэсэн хэдий ч ийм програмууд нь хэт их хэмжээний код үүсгэдэг бөгөөд хэмжээ нь шаардлагатай хамгийн бага хэмжээнээс ихээхэн давсан байна. Нэмж дурдахад кодыг хүссэн чанарт хүргэхийн тулд гараар засварлах шаардлагатай байдаг.

Энэ нийтлэл дэх материалтай танилцах нь шинэхэн хэрэглэгчдэд HTML - энэ юу вэ гэсэн асуултын хариултанд эргэлзэхгүй байх боломжийг олгоно гэж найдаж байна.

HTML (Англи хэлнээс Hypertext Markup Language - "hypertext markup language") нь World Wide Web дээрх баримт бичгийн стандарт тэмдэглэгээний хэл юм. Бүх вэб хуудсыг HTML (эсвэл XHTML) ашиглан бүтээдэг. HTML-г хөтчөөр тайлбарлаж, хүн уншихад тохиромжтой баримт хэлбэрээр харуулдаг.

HTML нь SGML (Standard Generalized Markup Language) программ бөгөөд олон улсын ISO 8879 стандарттай нийцдэг.

HTML хэлийг Британийн эрдэмтэн Тим Бернерс-Ли 1991-1992 онд Женевт (Швейцарь) болсон Цөмийн судалгааны Европын зөвлөл дээр боловсруулсан. HTML нь зохион байгуулалтын чиглэлээр мэргэшээгүй хүмүүст ашиглахад тохиромжтой шинжлэх ухаан, техникийн баримт бичгийг солилцох хэл болгон бүтээгдсэн. HTML нь SGML-ийн нарийн төвөгтэй байдлыг амжилттай даван туулж, харьцангуй энгийн боловч үзэсгэлэнтэй форматтай баримт бичгүүдийг бий болгоход үйлчилдэг жижиг бүтцийн болон семантик элементүүдийг ("шошго" -оор тэмдэглэсэн) тодорхойлсон. Баримт бичгийн бүтцийг хялбарчлахаас гадна HTML-д гипертекстийн дэмжлэг нэмсэн. Мультимедиа боломжуудыг дараа нь нэмсэн. Эхэндээ HTML хэл нь баримт бичгийг хуулбарлах (дэлгэц) хэрэгсэлтэй холбохгүйгээр бүтэц, форматлах хэрэгсэл болгон бүтээгдсэн. HTML тэмдэглэгээтэй текстийг янз бүрийн техникийн тоног төхөөрөмж (орчин үеийн компьютерийн өнгөт дэлгэц, зохион байгуулагчийн монохром дэлгэц, гар утас эсвэл төхөөрөмжийн хязгаарлагдмал хэмжээтэй дэлгэц, дуу хоолойны програмууд) бүхий төхөөрөмж дээр хэв маягийн болон бүтцийн гажуудалгүйгээр хуулбарлах нь зүйтэй. текстийг тоглуулах). Гэсэн хэдий ч HTML-ийн орчин үеийн хэрэглээ нь анхны зорилгоосоо маш хол байна. Жишээлбэл, таны одоо уншиж буй хуудсыг форматлахад хэд хэдэн удаа ашигласан шошго нь баримт бичигт хамгийн энгийн хүснэгтүүдийг үүсгэх зорилготой боловч таны харж байгаагаар энд нэг ч хүснэгт байхгүй байна. Цаг хугацаа өнгөрөхөд HTML хэлний платформын бие даасан байдлын гол санаа нь мультимедиа болон график дизайны орчин үеийн хэрэгцээг золиослох болсон юм.

[засварлах]
Хөтөчүүд

HTML код агуулсан текстийн баримт бичгүүдийг (ийм баримт бичиг нь уламжлалт байдлаар "html" эсвэл "htm" өргөтгөлтэй байдаг) баримт бичгийг форматтай хэлбэрээр харуулдаг тусгай програмуудаар боловсруулагддаг. Хөтөч эсвэл интернет хөтөч гэж нэрлэгддэг ийм програмууд нь хэрэглэгчдэд вэб хуудсуудыг хүсэх, тэдгээрийг үзэх (мөн бусад гадаад төхөөрөмж дээр харуулах), шаардлагатай бол хэрэглэгчийн оруулсан мэдээллийг сервер рүү илгээхэд тохиромжтой интерфейсээр хангадаг. Өнөөгийн хамгийн алдартай хөтөч бол Internet Explorer, Firefox, Opera, Safari юм.

[засварлах]
Боломжууд

HTML хэл нь текстийг тэмдэглэх боломжийг олгодог. Үүнд та дараахь зүйлийг хийх боломжтой.
текстийг тод, налуу эсвэл доогуур зураастай болгох;
тусгай тэмдэгт оруулах (ASCII бус цэг таслал, математик тэмдэг, Грек, Готик үсэг, сум гэх мэт);
үсгийн хэлбэр, хэмжээ, хэв маяг, үсгийн өнгийг өөрчлөх;
текстийг төв, зүүн/баруун, зөвтгөсөн зэрэгцүүлэх;
текстийг өөр хуудас эсвэл файл руу холбоос болгон форматлах;
ширээ зурах

Хожим нь вэб хуудсуудыг интерактив болгох хэрэгцээ гарч ирэхэд HTML гарч ирэв
Хэрэглэгчид дараа нь боловсруулагдсан өгөгдлийг оруулах маягтууд. Маягт болон бусад мэдээллийг тусгай серверийн програмууд (жишээлбэл, PHP эсвэл Perl) ашиглан боловсруулж болно.
Мультимедиа файлуудыг нээх нь хөтчөөс шууд гарна (жишээлбэл, JPEG, GIF эсвэл PNG форматтай зургууд; MIDI аудио файлууд гэх мэт) болон хөтчийн цонхонд "суулгасан" гадаад програмууд (Flash animation, Java апплет гэх мэт).

[засварлах]
Хувилбарууд
RFC 1866 - HTML 2.0, 1995 оны 9-р сарын 22-нд стандартаар батлагдсан;
HTML 3.2 - 1996 оны 1-р сарын 14;
HTML 4.0 - 1997 оны 12-р сарын 18;
HTML 4.01 (өөрчлөлтүүд, анхны харцнаас ч илүү ач холбогдолтой) - 1999 оны 12-р сарын 24;
ISO/IEC 15445:2000 ("ISO HTML" гэж нэрлэдэг, HTML 4.01 Strict дээр үндэслэсэн) - 2000 оны 5-р сарын 15.

Албан ёсны HTML 1.0 тодорхойлолт байхгүй байна. 1995 оноос өмнө олон албан бус HTML стандартууд байсан. Стандарт хувилбарыг тэднээс ялгаатай болгохын тулд тэр даруй хоёр дахь дугаарыг өгсөн.

3-р хувилбарыг 1995 оны 3-р сард World Wide Web Consortium (W3C) санал болгосон бөгөөд хүснэгтэд дэмжлэг үзүүлэх, зургийг тойруулан текстийг ороох, нарийн төвөгтэй математикийн томьёог харуулах зэрэг олон шинэ боломжуудыг өгсөн. Хэдийгээр энэ стандарт нь хоёр дахь хувилбартай нийцэж байсан ч тэр үеийн хөтөчүүдэд үүнийг хэрэгжүүлэхэд хэцүү байсан. 3.1 хувилбарыг албан ёсоор санал болгож байгаагүй бөгөөд HTML стандартын дараагийн хувилбар нь 3.2 байсан бөгөөд энэ нь 3.0 хувилбарын олон шинэчлэлийг орхигдуулсан боловч Netscape болон Mosaic хөтчүүдийн дэмждэг стандарт бус элементүүдийг нэмсэн. Математикийн томъёоны дэмжлэгийг нэмэлт MathML стандартаар гаргасан.

HTML 4.0 нь хөтчийн онцлог шинж чанартай олон элементүүдийг агуулдаг боловч үүний зэрэгцээ стандартын зарим цэвэрлэгээ хийгдсэн. Олон элементүүдийг хуучирсан, хуучирсан гэж тэмдэглэсэн. Ялангуяа үсгийн шинж чанарыг өөрчлөхөд ашигладаг фонтын элементийг хуучирсан гэж тэмдэглэсэн (оронд нь CSS загварын хуудас ашиглахыг зөвлөж байна).

[засварлах]
хэтийн төлөв

World Wide Web Consortium (W3C) одоогоор HTML5 хэлний тав дахь хувилбарыг боловсруулж байна. Хэлний тодорхойлолтын ноорог хувилбар 2007 оны 11-р сарын 20-нд интернетэд гарч ирэв. Үүний зэрэгцээ HTML-г XHTML (Англи хэлний Extensible Hypertext Markup Language) нэрийн дор цаашид хөгжүүлэх ажил хийгдэж байна. XHTML нь HTML-тэй харьцуулах чадвартай боловч синтаксийн илүү хатуу шаардлага тавьдаг. HTML шиг XHTML нь SGML хэлний дэд хэсэг боловч XHTML нь өмнөх хэлээсээ ялгаатай нь XML дээр суурилдаг. XHTML 1.0-ийг 2000 оны 1-р сарын 26-нд World Wide Web Consortium (W3C) зөвлөмж болгон баталсан.

Төлөвлөсөн XHTML 2.0 тодорхойлолт нь HTML болон XHTML-ийн хуучин хувилбаруудтай нийцтэй байдлыг эвддэг бөгөөд үүнд зарим вэб хөгжүүлэгчид болон хөтөч үйлдвэрлэгчид сэтгэл хангалуун бус байдаг. WHATWG (Вэб Гипертекст Хэрэглээний Технологийн Ажлын хэсэг) нь ихэвчлэн албан бусаар "HTML5" гэж нэрлэгддэг Вэб Програмын 1.0 тодорхойлолтыг боловсруулж байгаа бөгөөд энэ нь HTML-г өргөтгөх (гэхдээ XHTML 1.0-тэй нийцтэй XML синтакстай) жишээ нь төрөл бүрийн ердийн хуудсуудын семантикийг илүү сайн илэрхийлэхийн тулд. XHTML 2 загварт тохирохгүй форум, дуудлага худалдааны сайт, хайлтын систем, онлайн дэлгүүр гэх мэт.

[засварлах]
HTML баримт бичгийн бүтэц

HTML бол шошготой баримт бичгийн тэмдэглэгээний хэл юм. HTML хэл дээрх аливаа баримт бичиг нь элементүүдийн багц бөгөөд элемент бүрийн эхлэл ба төгсгөлийг тусгай тэмдэглэгээ - шошгооор зааж өгдөг. Элементүүд хоосон байж болно, өөрөөр хэлбэл ямар ч текст эсвэл бусад өгөгдөл агуулаагүй байж болно (жишээ нь, мөрний тэжээлийн шошго
). Энэ тохиолдолд хаалтын шошгыг ихэвчлэн заадаггүй. Нэмж дурдахад, элементүүд нь тэдгээрийн зарим шинж чанарыг тодорхойлсон шинж чанаруудтай байж болно (жишээлбэл, үсгийн элементийн үсгийн хэмжээ). Нээлтийн шошгонд шинж чанаруудыг зааж өгсөн болно. HTML баримт бичгийн хэсгүүдийн жишээ энд байна:
Хоёр шошгын хоорондох текст - нээх, хаах.
Энд байгаа элемент нь href шинж чанарыг агуулна.
Хоосон элементийн жишээ энд байна:

Элементийн нэр болон атрибутын нэрийг бичих тохиолдол HTML-д хамаагүй (XHTML-ээс ялгаатай). Элементүүдийг үүрлэж болно. Жишээлбэл, дараах код:

Энэ текст тод байх болно
мөн энэ нь мөн налуу үсгээр бичигдсэн байдаг

Энэ үр дүнг өгөх болно:
Энэ текст тод, энэ нь мөн налуу байх болно.

Элементүүдээс гадна HTML баримтууд нь "тусгай тэмдэгтүүд" -ийг агуулдаг. Байгууллага нь амперсанд тэмдэгтээр эхэлж, &name; эсвэл NNNN;, энд NNNN нь аравтын тэмдэглэгээний Юникод тэмдэгтийн код юм.

Жишээлбэл, зохиогчийн эрхийн тэмдэг (©). Ихэвчлэн нэгжүүдийг баримт бичгийн кодчилолд байхгүй тэмдэгтүүдийг төлөөлөх эсвэл "тусгай" тэмдэгтүүдийг төлөөлөхөд ашигладаг: & - тэмдэг (&),< - символа «меньше» (), которые некорректно записывать «обычным» образом, из-за их особого значения в HTML.

Үндсэн шошго болон тусгай тэмдэгтүүдийн жагсаалтыг HTML элементүүдийн нийтлэлд өгсөн болно. Тусгай тэмдэгтүүдийн илүү дэлгэрэнгүй жагсаалтыг Википедиагийн нийтлэлээс үзнэ үү: Тусгай тэмдэгтүүд.

HTML тодорхойлолтын зарим хувилбарт нийцсэн HTML баримт бүр нь HTML хувилбарын мэдэгдлийн мөрөөр эхлэх ёстой бөгөөд энэ нь ихэвчлэн иймэрхүү харагддаг:
"www w3 org;

Хэрэв энэ мөрийг заагаагүй бол хөтөч дээр баримтыг зөв харуулахад хэцүү болно.

[засварлах]
HTML 4.01-д зориулсан DOCTYPE сонголтууд
Хатуу: "хуучирсан" эсвэл "хуучирсан" гэж тэмдэглэгдсэн элементүүдийг агуулаагүй болно.
"www w3 org;
Шилжилтийн: Тохиромжтой болгох, HTML-ийн хуучин хувилбараас шилжих хөдөлгөөнийг хөнгөвчлөх зорилгоор хуучин хаягуудыг агуулсан.
"www w3 org;
Фреймтэй (Frameset): шилжилтийн үеийнхтэй төстэй, гэхдээ фреймийн багц үүсгэх шошгуудыг агуулдаг.
"www w3 org;

[засварлах]
Хөтөчийн дайн

1990-ээд оны дундуур дараах үзэгдэл бий болсон. Хөтчийн гол үйлдвэрлэгчид болох Netscape болон Microsoft нь HTML тэмдэглэгээнд өөрсдийн элементүүдийн багцыг хэрэгжүүлж эхэлсэн. Нэг эсвэл өөр хөтөч дээр үзэх боломжтой World Wide Web дээр ажиллах янз бүрийн загваруудын талаар төөрөгдөл үүссэн. Ялангуяа JavaScript дээр хөтчүүд хоорондын программ үүсгэхэд маш их бэрхшээлтэй байсан. Вэбмастерууд хуудасны хэд хэдэн хувилбарыг үүсгэх эсвэл өөр заль мэх хийх шаардлагатай болсон. Хэсэг хугацаанд асуудал хоёр шалтгааны улмаас хамааралгүй болсон.
Бусад бүх хөтчүүдийг Microsoft Internet Explorer хөтчөөр нүүлгэсэнтэй холбоотой. Үүний дагуу вэбмастеруудын асуудал нь өөр хөтчүүдийн хэрэглэгчдийн асуудал болсон.
W3C стандартыг (Mozilla, Opera гэх мэт) дагаж мөрддөг эсвэл Internet Explorer-тэй хамгийн дээд нийцтэй байдлыг бий болгохыг оролдсон бусад хөтөч үйлдвэрлэгчдийн хүчин чармайлтын ачаар.

Өнөөгийн шатанд бид W3C зөвлөмжийг дагаж мөрддөг хөтчүүдийн өсөн нэмэгдэж буй алдар нэрийг тэмдэглэж болно (эдгээр нь Mozilla Firefox болон Gecko хөдөлгүүр дээр суурилсан бусад хөтчүүд; Konqueror, Safari болон KHTML хөдөлгүүр дээр суурилсан бусад хөтчүүд; өвөрмөц Presto хөдөлгүүртэй Opera) . Үүний зэрэгцээ Internet Explorer нь тэргүүлэх байр сууриа хадгалсаар байна.

Орчин үеийн компьютерийн системийн ихэнх хэрэглэгчид ямар нэг байдлаар .html өргөтгөлтэй файлуудтай тулгардаг бөгөөд тэдгээр нь юу төлөөлдөг талаар үргэлж боддоггүй. Одоо бид HTML файлыг компьютер дээр хэрхэн нээх талаар ярих болно.

HTML файл гэж юу вэ?

Ерөнхийдөө бидний хүн нэг бүр интернетэд ажиллахдаа ийм файлуудыг бараг өдөр бүр хардаг. Эдгээр нь ижил нэртэй програмчлалын хэл дээр суурилсан гипертекст тэмдэглэгээг ашиглан бүтээсэн стандарт вэб хуудаснаас өөр зүйл биш юм.

Үнэн хэрэгтээ HTML файлыг хэрхэн нээх тухай асуулт нь зөвхөн тохирох програмын агуулгыг үзэхэд л гардаг. Аль програмыг ашиглах талаар олон хүн асууж магадгүй. Хамгийн түгээмэл интернет хөтөч дээр агуулгыг үзэх шиг хялбар зүйл байхгүй.

Хөтөч дээр HTML файлыг хэрхэн нээх вэ?

Энэ форматтай файлууд нь вэб хуудсууд (компьютер дээр хэвлэгдсэн эсвэл хадгалагдсан) байдаг тул хамгийн энгийн тохиолдолд файл дээр хоёр товшилт нь анхдагчаар систем дээр суулгасан интернет хөтөч ашиглан нээгдэнэ.

Хэрэв танд HTML файлыг өөр хэрэгслээр хэрхэн нээх тухай асуултын нэмэлт шийдэл хэрэгтэй бол та хулганы баруун товчийг дарж өөр хөтөч эсвэл өөр програмыг сонгох хэрэгтэй ("Нээх" мөр хамт ..."). Програмын хувьд бүх зүйл бас энгийн байдаг.

HTML файлыг хэрхэн нээх вэ: Текст засварлагчийг ашиглах

Энэ форматтай файлын агуулгыг үзэх нь хамгийн энгийн Notepad ашиглан хийгдэж болох боловч мэдээжийн хэрэг оффисын багцыг ашиглах нь дээр.

Ширээний оффисын багцын нэг хэсэг болох ижил Word редактор нь хадгалахад санал болгож буй формат хэлбэрээр HTML-г дэмждэг болохыг цөөхөн хэрэглэгчид анзаарсан. Үүний дотор та хэдхэн минутын дотор энгийн вэб хуудсыг хялбархан үүсгэж болно.

Word дээр HTML файлыг хэрхэн нээх вэ? Бялуу шиг амархан! Та контекст цэснээс тохирох програмыг сонгох эсвэл програмын файлын цэсийг ашиглан объект нээх мөрийг дуудах хэрэгтэй. Хамгийн хялбар арга бол Ctrl + O товчлуурын хослолыг ашиглан формат сонгох мөрөнд шаардлагатай зүйлийг тохируулж, хүссэн файлаа хайх товчийг ашиглана уу.

Мэргэшсэн хэрэгсэл

Гэхдээ хөтөч нь HTML хуудсыг үзэх хамгийн энгийн бөгөөд энгийн хэрэгсэл юм. Хэрэв та зөвхөн үзэх төдийгүй засварлах хэрэгслийг ашиглах шаардлагатай бол вэб програмчлалд зориулагдсан мэргэжлийн хэрэгслүүдэд хандах нь дээр.

Хамгийн алдартай HTML засварлагчдын дунд Sublime Text, Aptana Studio, Notepad++, Macromedia Dreamweaver, RJ TextEd, KompoZer, Comodo Edit, Vim, Fraise, PSPad болон бусад олон програмууд багтана. Тэдний хэлээр HTML нь маш энгийн харагддаг тул ямар ч боловсролгүй хэрэглэгч бүр энгийн аргаар гипертекст тэмдэглэгээг ашиглан өөрийн хуудсаа үүсгэж чадна. Ерөнхийдөө та HTML хэлийг дэмждэг ямар ч программ дээр ийм форматтай файлуудыг нээх боломжтой.

Эсвэл HTML нь Hypertext Markup Language дээр бичигдсэн бөгөөд интернет дэх вэб хуудасны стандарт файлын төрөл юм.

.HTML файлд юу байна

Энэ санааг 1989 онд Тим Бернерс-Ли хөтчүүдэд кодчилол уншиж, цэг таслал, баялаг текст, гипер холбоос, зураг, видео болон бусад медиа файл болгон хөрвүүлэх боломжийг олгох өргөтгөл хэрэгтэй үед санал болгосон. Вэбсайтад зочилсон хэрэглэгч зөвхөн HTML програмыг зөв бөглөсөн тохиолдолд хөтөчийн ажлын эцсийн үр дүнг харах боломжтой. Гуравдагч талын файлын агуулгыг "" ашиглан харж болно. Хуудасны эх кодыг харах».

HTML файлыг хэрхэн нээх

Yandex.Browser гэх мэт ямар ч вэб хөтөч, Internet Explorer, Firefox, Chrome, Operaгэх мэт - HTML файлуудыг нээж, зөв ​​харуулах болно. Өөрөөр хэлбэл, эдгээр баримтуудын аль нэгийг хөтөч дээр нээх нь HTM эсвэл HTML файлд юу бичсэнийг тайлах болно.

HTM эсвэл HTML файлуудыг засварлах, үүсгэхэд хялбар болгодог олон програмууд байдаг. Eclipse, Komodo EditТэгээд Цэнхэр загасЭдгээр нь үнэгүй HTML засварлагчдын зарим нь юм. Нэмэлт олон функц бүхий өөр нэг алдартай HTM/HTML програм Adobe Dreamweaver, гэхдээ энэ нь хэрэглэгчдэд үнэ төлбөргүй санал болгодоггүй. HTML хөрвүүлэхийн тулд та Convertin.io програмыг ашиглаж болно.

Ийм файл дахь кодыг үзэх, түүнд өөрчлөлт оруулахын тулд та ердийн текст засварлагчийг ашиглаж болно, гэхдээ функц нь тусгай програмуудтай харьцуулахад хязгаарлагдмал байдаг. Notepad++, магадгүй хамгийн тохиромжтой сонголт байх болно. IN Тэмдэглэлийн дэвтэр, стандарт Windows программ нь HTML форматыг засах боломжтой боловч энэ даалгаварт зориулагдаагүй тул гипертекст тэмдэглэгээний хэлийг сайн мэдэхгүй хүмүүст код засварлах үйл явцыг төвөгтэй болгодог.

Та html-ийн талаар сонссон уу? Эсвэл та Интернет дэх html хуудасны талаар сонссон байх? Үнэн хэрэгтээ энэ нь энгийн зүйл юм. HTML бол энгийнээр хэлэхэд програмчлалын хэлнүүдийн нэг бөгөөд тэдгээрийн хамгийн төвөгтэй нь биш юм.

HTML нь гипертекст тэмдэглэгээний хэл гэж орчуулагддаг HyperText Markup Language-ийн товчлол юм.
Агуулга:

HTML нь интернет дэх хуудсуудыг таны мэддэг шиг харагдуулахад ашиглагддаг:

• сайхан зохион бүтээсэн текстүүд,
• тод эсвэл налуу үсгээр,
• зүгээр л хар эсвэл олон өнгийн,
• сайт эсвэл блогын бусад хуудсууд руу идэвхтэй холбоосууд,
• видео, аудио болон бусад олон сонирхолтой функцуудтай.

Үндсэндээ html бол олон сайтын хуудасны арын хэсэг юм. Ихэнхдээ тэдний сайхан дизайныг HTML тэмдэглэгээний хэлээр бүтээдэг. Үгүй бол үүнийг html layout ашиглан хуудас үүсгэх гэж бас нэрлэдэг.

Вэбсайтыг бусад програмчлалын хэлээр, жишээлбэл, PHP дээр үүсгэж болно.

Английн эрдэмтэн Тим Бернерс Ли 1986-1991 онд Швейцарьт HTML хэлийг бүтээжээ. Үндсэндээ html нь энгийн мөртлөө үзэсгэлэнтэй баримт бичгүүдийг үүсгэх боломжийг олгодог. Хожим нь мультимедиа чадвар (видео гэх мэт) болон гипертексттэй ажиллах (гипер холбоос үүсгэх) дэмжлэгийг html дээр нэмсэн.

HTML-тэй ажиллахын тулд алдартай хөтөч программуудыг бүтээсэн, тухайлбал:

• Mozilla Firefox (Mozilla Firefox),
• Internet Explorer (Internet Explorer),
• Google Chrome (Google Chrome),
• Дуурь (Дуурь),
• Yandex хөтөч,
• Сафари ба
• бусад.

Эхлээд хөтчийн гол үүрэг нь HTML кодыг яг таг тайлбарлаж, хэрэглэгчийн дэлгэцэн дээр харагдах үр дүнг харуулах явдал байв.

Html хуудас гэж юу вэ?

Html хэл дээр үүсгэсэн баримт бичиг, файл, хуудаснууд нь .html эсвэл .htm өргөтгөлтэй байдаг. Жишээлбэл, html хуудас (эсвэл html файл эсвэл html документ) нь дараах нэртэй байж болно:

• test.html,
• html,
• html эсвэл
• гарчиг.html.

Хатуухан хэлэхэд test.html нь файлын нэр (эсвэл хуудасны нэр), хаана байна

• test нь файлын нэр бөгөөд
• .html нь файлын нэрийн өргөтгөл (эсвэл хуудасны нэрийн өргөтгөл) бөгөөд үүнийг ихэвчлэн "өргөтгөл" гэж нэрлэдэг.

Өнөө үед "өргөтгөл" гэсэн үгийн оронд "формат" гэдэг үг илүү түгээмэл болсон. Тиймээс "html формат" гэсэн илэрхийлэл нь файл (эсвэл хуудас) html хэлээр бичигдсэн бөгөөд ийм файлын нэр нь html өргөтгөлтэй байна гэсэн үг юм. гэсэн үг,

test.html нэртэй файл нь html форматтай байна.

Windows үйлдлийн систем нь анхдагч байдлаар файлын өргөтгөлүүдийг (өөрөөр хэлбэл файлын формат) нуудаг. Программистууд үүнийг "хорлонтойгоор биш" харин хэрэглэгчийг файлын өргөтгөлийг бодлогогүй өөрчлөхөөс хамгаалах зорилгоор хийсэн. Та файлын өргөтгөлүүдийг анхдагчаар нээж болно. Windows 7 дээр үүнийг хийхийн тулд:

• Эхлэх товчийг дарж,
• хяналтын самбарыг нээх,
• хавтас сонголтуудыг олох,
• "Харах" табыг нээж, хамгийн доод тал руу гүйлгээд
• "Мэдэгдэж буй файлын төрлүүдийн өргөтгөлүүдийг нуух" гэсэн сонголтын хажууд байгаа хайрцгийн сонголтыг арилгана уу.
• "OK" дээр дарна уу.

Цагаан будаа. 1. Бүх файлын өргөтгөлүүдийг нээнэ үү

Хэрэв та одоо дээш харж, хөтчийнхөө хаягийн мөрийг харвал тэнд таны уншиж буй хуудасны нэрийг харах ба нэрний төгсгөлд .html байх болно. Энэ бол интернетэд тавигдсан html блог хуудасны жишээ юм. Ихэвчлэн блог (сайт) олон html хуудастай байдаг. Жишээлбэл, энэ блог дээрх нийтлэл бүр нь тусдаа html хуудас юм.

Интернет дээр бас нэг html хуудаснаас бүрдэх нэг хуудастай сайтууд байдаг. Жишээ нь байж болно

• Хувь хүн эсвэл компанийн интернетийн нэрийн хуудас, эсвэл
• интернетээр бүтээгдэхүүн, үйлчилгээг борлуулж буй хуудас.

HTML хэл нь байнга хувьсан өөрчлөгдөж байдаг бөгөөд өнөөдөр 1995 оны 9-р сарын 22-ны HTML 2.0-ээс эхлээд 2014 оны 10-р сарын 28-ны HTML 5-ын хамгийн сүүлийн хувилбар хүртэл хэд хэдэн хувилбарууд байдаг. HTML 5.1-ийг 2016 оны 9-р сард гаргахаар төлөвлөж байна.

HTML шошго гэж юу вэ?

HTML бол шошго ашиглан баримт бичгийг тэмдэглэх хэл юм. Шошгуудыг гурвалжин хаалтанд оруулсан "< >" Шошго нь хосолсон эсвэл хосгүй байж болно.

• Жишээлбэл, гурвалжин хаалтанд байгаа "b" шошго нь текстийг тод болгодог

текстийг тодоор бичнэ

Үр дүн нь дараах байдлаар харагдах болно. текстийг тодоор бичнэ

• Мөн "i" шошго нь текстийг налуу болгодог.

текстийг налуу үсгээр бичнэ

Үүний үр дүнд бид: текстийг налуу үсгээр бичнэ

• Мөн "br" мөрийг таслах шошго байдаг.
• "a href" шошгыг ашиглан гипер холбоосыг тодруулна.
• Баримт бичгийн гарчгийн шошго – . Энэ бол баримтыг нээдэг шошго юм. Энэ нь ташуу зураастай хаалтын шошгыг шаарддаг гэсэн утгаараа хосолсон.
• Гарчгийн дараа нээлтийн шошгоны хооронд байрлах үндсэн хэсэг ирдэг болон хаалтын шошго. Энэ шошго нь толгойн шошготой адил хос юм: та үүнийг нээж, хаахаа бүү мартаарай.

Хосолсон шошгонд ташуу зураастай хаалтын шошго шаардлагатай, учир нь энэ нь нээх тагийн үйлдлийг цуцалдаг (илүү нарийвчлалтай, зөв ​​дуусгах).

Олон HTML хаягууд байдаг бөгөөд та HTML хичээлүүдийг интернетээс хялбархан олох боломжтой.

Хэрхэн html файл үүсгэх вэ

Компьютер дээрээ html хуудас (эсвэл html файл) үүсгэж, хөтчөөр бүтээлээ ажиллуулах нь маш амархан.

1) Notepad-ийг нээ (Windows-д ирдэг энгийн текст засварлагч). Хайлтын талбарт Notepad гэсэн хүсэлтийг оруулснаар та үүнийг компьютер дээрээ олох боломжтой.

2) Дараах текстийг Notepad руу хуулж буулгана уу:

Сайн уу? Энэ бол миний анхны HTML хуудас.

Хоёр дахь мөр, хөө!

3) Нэг чухал зүйл бол html файл ажиллахгүй: Notepad дээр бид файлыг дэлгэцийн агшинд үзүүлсэн шиг html форматаар хатуу (!) хадгалдаг. Энгийн болгохын тулд та файлыг компьютер дээрээ ширээний компьютерт хадгалах боломжтой.

Цагаан будаа. 2. Файлын төрөлд анхаарлаа хандуулж, файлыг html форматаар хадгална

Зураг дээрх 1. 2 – html файлыг хадгалахын тулд "Ширээний компьютер" дээр дарна уу.
2-р зурагт. 3 - "Файлын төрөл"-ийн эсрэг талын унждаг цэсийг нээнэ үү.
3 - Энэ цэснээс "Бүх файл" -ыг сонгоно уу.
4 – дурын нэрийг оруулаад (надад 001 байна) мөн хугацааны дараа html оруулна гэдэгт итгэлтэй байгаарай.
5-р зурагт. 2 - "Хадгалах" дээр дарна уу.

4) Ширээний компьютер дээр бид 001.html файлыг олно:

Цагаан будаа. 3. Ширээний компьютер дээрх HTML файл

Миний анхдагч хөтөч бол Google Chrome тул файлын дүрс нь энэ хөтчийн дүрс шиг харагдаж байна. Хэрэв өөр анхдагч хөтөч байгаа бол 001.html файл өөр дүрстэй болно.

Бид хулганаар файл дээр (Зураг 3) 2 удаа дарж, үр дүнд нь хөтөч дээрх html дэх анхны хуудсыг харна.

Цагаан будаа. 4. Хөтөч дээр html хуудас ямар харагдахыг шалгаж байна

Тиймээс бид зөвхөн таны дотоод компьютерээс хандах боломжтой гэсэн утгаараа локал html хуудастай болсон. Хуудсыг бусдад нээлттэй байлгахын тулд интернетэд байршуулсан байх ёстой. Илүү нарийвчлалтай, үргэлж бэлэн байдаг үүнийг байрлуул: 24/7/365 (өдөрт 24 цаг, долоо хоногт 7 өдөр, жилийн турш). Тэгвэл интернет хэрэглэгч бүр ийм хуудсыг үзэх боломжтой болно.

Тиймээс html бол нэлээд сонирхолтой хэл бөгөөд хэрэв та ирээдүйд өөрийн вэбсайт эсвэл блог үүсгэх, хөтлөх талаар бодож байгаа бол html хэлэнд ашигладаг хамгийн бага шошгын багцыг мэдэхийг зөвлөж байна.