, параметр

ерөнхий загварба тэгшлэх параметр
, , ,

.
Үүгээр ердийн HTML баримт бичгийн бүтцийн талаарх бидний яриа өндөрлөж байна. Таны харж байгаагаар үүнд онцгой бэрхшээл байхгүй. Бүх зүйл уялдаатай, логиктой байдаг.", гэхдээ хэрэв та тэдгээрийг оруулахгүй бол кодонд алдаа гарах болно. Үгүй Юу ч болохгүй. Баримт бичгийн код ажиллах болно. Гэсэн хэдий ч, html хуудасны бүтцийг харахын тулд юу хаана, хаана юу оруулахыг ойлгохын тулд заавал тэмдэглэгээ хийх шаардлагатай.
Тодорхой болгохын тулд доорх зургийг анхаарч үзээрэй, Дэлгэц 1. Баруун талд

Дэлгэц 1.

хажуу талд нь шошгоны нэрийн бичээстэй хүний ​​зураг байна. Энэ дэлгэцийг илүү олон зүйлд санал болгож байна энгийн ойлголт HTML кодын бүтцийн диаграммууд. Үүнтэй ижил төслийг зүүн талд харуулсан боловч илүү бүдүүвчээр харуулав.
Шошгон дээр анхаарлаа хандуулцгаая - зургийн ирмэгийн дагуу байрлах, улаанаар тодруулсан. HTML таг нь HTML баримт бичгийн эхлэл ба төгсгөл юм. Тэр нээж байна ( дээд хэсэг) ба хаагддаг (доод хэсэг). Баримт бичигт энэ шошго шаардлагагүй, гэхдээ сайн хэв маяг нь түүний зайлшгүй хэрэглээг шаарддаг. Tag баримт бичигт үргэлж эхний болон сүүлчийнх байх ёстой. Зургийг хараарай, бяцхан хүн энэ шошгонд бүрэн багтсан болно. HTML хуудасны бүх кодыг таг дотор бичсэн болно. :
Html хуудасны бүх код
Tag - нэмэлт хаалт, энэ нь түүний хоёр дахь хэсгийг (хаалтын) орхиж болно гэсэн үг бөгөөд энэ нь алдаа болохгүй. Гэсэн хэдий ч энэ нь зөв код биш байх болно. Англи хэлнээс орчуулсан. Хэрхэн "толгой"вэб программист хэлэнд үүнийг нэрлэдэг "толгой". Шошгоны дээд хэсэгт байрлуулсан- . Шошгоны сав дотор Хөтөч, хайлтын системийн мэдээлэл, удирдлагын функцийг хадгалах зориулалттай мета шошгуудыг байрлуулсан. Тийм ч учраас "толгой".
"Толгой" дотор, үргэлж шошгонуудын хооронд байдаг мета шошго байрладаг , энэ нь баримт бичгийн гарчгийг тодорхойлдог бөгөөд хөтчийн гарчиг болон таб дээр харагдана. Дэлгэц 2-ыг харцгаая,

Дэлгэц 2.

Хөтөчийн жишээнд үзүүлсэн Mozilla Firefox. Шаардлагатай хаах шошго, шинж чанаргүй. Шошгоны байршлын синтакс Дэлгэц 3 дээр харагдана. Та холбоос дээр дарж хэрхэн зөв оновчтой болгох талаар олж мэдэх боломжтой.

Дэлгэц 3.

Мэдээжийн хэрэг, кэшийн дүрмийг тохируулах аргууд байдаг, гэхдээ хүн бүр үүнийг ашигладаггүй. Тиймээс үүнийг аюулгүйгээр тоглуулж, вэб хуудасны "хугацаа дуусах хугацааг" зааж өгөх нь дээр. Хэрэв энэ нь тэнцсэн бол хөтөч кэшээс хуулбарыг ашиглахын оронд интернетээс баримт бичгийг хүсэх болно.

- нэмэлт нээх, хаах шошго. Баримт бичгийн үндсэн хэсэг. Хөтөч цонхонд харагдах ёстой бүх зүйлийг энд оруулсан болно. HTML баримт бичгийн бүх агуулга: текст, зураг, шошго, JavaScript скрипт гэх мэт нь контейнер дотор байрладаг. .

Анхаар! Бид дахин давтана! Вэб хуудсан дээрх шаардлагатай шошго нь өөрөө заавал байх албагүй сайхан хэв маягЭдгээр нь HTML баримт бичгийн эхлэл ба төгсгөлийг тодорхойлоход хэрэглэгддэг гэж үздэг бөгөөд ингэснээр "толгой" нь хаана, "бие" нь хаана байгаа нь тодорхой болно.
Сэдвийн талаархи нэмэлт нийтлэлүүд: САЙТЫН Хуудасны гарчиг

HTML баримт бичгийн бүтэц. Ажлаа эхэлцгээе.

HTML хаанаас эхэлдэг вэ?

Текст файлыг HTML файл болгохын тулд түүний өргөтгөлийг ".txt"-ээс ".html" болгон өөрчлөх нь хангалтгүй юм. Бид "эхний мөрийн дүрмийг" дагаж мөрдөх ёстой.

HTML тодорхойлолтын аль ч хувилбарыг хангасан HTML баримт бичиг бүр HTML хувилбарын мэдэгдлийн мөрөөр эхлэх ёстой !DOCTYPE, энэ нь ихэвчлэн иймэрхүү харагддаг:

Энэ мөр нь хөтчид энэ баримтыг хэрхэн зөв тайлбарлахыг тодорхойлоход тусална. IN энэ тохиолдолд HTML нь олон улсын тодорхойлолтын 3.2 хувилбарт нийцэж байгаа бөгөөд энэ нь шинэ биш ч дараагийн хувилбаруудаас ялгаатай нь ямар ч эргэлзээгүй, бүрэн хэмжээний, нийтээр хүлээн зөвшөөрөгдсөн стандарт гэдгийг бид хөтөчдөө хэлдэг. Жишээнээс харахад хамгийн богино HTML баримт нь нэг мөрөөс бүрддэг.

Ажил хаанаас эхлэх вэ?

Уг нь ганцхан шугамаар бол болохгүй. Баримт бичгийн хувилбар, төрлийг зарласны дараа та түүний эхлэл, төгсгөлийг зааж өгөх хэрэгтэй. Үүнийг савны шошго ашиглан хийдэг . Аливаа HTML баримт бичгийг шошготойгоор нээдэг гэдгийг тэмдэглэх нь зүйтэй мөн тэд үүнийг хаадаг.

Дараа нь шошгонуудын хооронд ТэгээдБаримт бичгийн гарчиг, үндсэн хэсгийг байрлуулсан байх ёстой. Тэгээд л болоо! Эхлэл хийгдсэн - та маш сайн бэлтгэл хийсэн. Эхлэхээсээ өмнө таны үндсэн HTML файл ямар байх ёстой вэ:

Зажлах уу?

Дээрх жишээг бүдүүвчээр тайлбарлавал дараах байдалтай харагдана.

Диаграмаас харахад баримт бичиг нь "толгой" ба "баримт бичгийн бие" гэсэн хоёр үндсэн блокоос бүрддэг. Гарчиг нь элементийг ашиглан тодорхойлогддог ТОЛГОЙ , мөн бие нь элемент юм БИЕ .

Гарчиг нь баримт бичгийн талаархи "техникийн" мэдээллийг агуулдаг боловч ихэнхдээ энэ нь зөвхөн гарчгийг зааж өгөхөд ашиглагддаг (элементийг үзнэ үү. TITLE ).

Баримт бичгийн бие нь ариун нандин юм. Энэ нь хуудсан дээр харуулсан бүх зүйлийг агуулдаг: текст, зураг, хүснэгт. Үүний дагуу бид дүгнэж байна: таны HTML туршилтуудын ихэнх нь шошго хоорондын зайд хийгдэх болно Тэгээд

(HTML 1.0) – Тайлбар ()

Баримт бичгийн аль ч хэсэгт тайлбар үүсгэхэд ашигладаг. Дотор байгаа бүх зүйл, энэ нь элемент эсвэл текст байхаас үл хамааран хөтчөөс үл тоомсорлох болно (боловсруулж, дэлгэц дээр харуулахгүй).

Тэмдэглэл:

HTML баримт бичгийн гарчиг

Элемент ашиглан үүсгэсэн ТОЛГОЙ Баримт бичгийн талаархи техникийн мэдээллийг агуулсан элементүүдийг шошгоны хооронд байрлуулна. Гарчиг нь ихэвчлэн баримт бичгийн үндсэн хэсгийн өмнө ирдэг (HTML баримт бичгийн бүтцийг үзнэ үү).

Баримт бичгийн толгойтой холбоотой элементүүд:

(HTML 1.0) - Толгой

Баримт бичгийн гарчгийн эхлэл ба төгсгөлийг тодорхойлно. Баримт бичгийн талаархи техникийн мэдээллийг агуулсан элементүүдийн сав юм. ( TITLE ,Суурь ,ЗАГВАР ,ХОЛБООС ,META ).

(HTML 2.0) - Гарчиг

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

(HTML 3.2) – Үндсэн URL

Одоогийн баримт бичгийн үндсэн хаягийг (URL) зааж өгдөг бөгөөд энэ нь баримт бичиг доторх харьцангуй URL-уудыг тооцоолох эхлэлийн цэг болно. Элемент нь төгсгөлийн шошгогүй байна. Шинж чанаруудын дор хаяж нэг нь байх ёстой.

Атрибутууд:

HREF– одоогийн баримт бичгийн үндсэн хаягийг (URL) тодорхойлно.

ЗОРИЛТ– өгөгдмөлөөр гипер холбоосуудад ашиглагдах хүрээний нэрийг тодорхойлно. Хэрэв та баримт бичгийн бүх холбоосыг өөр хүрээнд нээхийг хүсвэл энэ нь хэрэг болно.

(HTML 3.2) - Загвар

Баримт бичигт загварын хуудас (CSS – Cascade Style Sheet) оруулахад ашигладаг.

Атрибутууд:

ТӨРӨЛ- шаардлагатай шинж чанар. Оруулж буй загварын блокийн MIME төрлийг заана. Ерөнхийдөө энэ шинж чанарын утга нь "text/css" юм.

TITLE– үүсгэх загварын хуудасны нэрийг зааж өгнө. Хэрэв та олон элемент ашиглах гэж байгаа бол шаардлагатай ЗАГВАРнэг баримт бичигт. Энэ тохиолдолд хөтөч санал болгож буй загваруудын аль нь баримт бичигт хэрэглэгдэхийг хэрэглэгчээс асуух ёстой.

(HTML 2.0) – Холбоос

Бүрэлдэхүүн ХОЛБООСБаримт бичгийн сайтын бусад баримт бичигтэй харилцах харилцааг тайлбарлаж, сайтын шаталсан бүтцэд байр сууриа илэрхийлнэ. Элемент нь төгсгөлийн шошгогүй байна. Гарчиг нь олон элемент агуулж болно ХОЛБООС.

Атрибутууд:

HREF– объектын URL хаягийг тодорхойлно.

REL– одоогийн баримт бичиг болон HREF атрибутаар тодорхойлсон объектын хоорондын харилцааны төрлийг тодорхойлно. Боломжит утгууд:

загварын хуудас– одоогийн баримт бичгийн загварын хуудас (CSS) агуулсан файлыг заана. Хөтөч нь HREF шинж чанарт заасан хаягаас css файлыг ачаалж, одоогийн баримт бичигт хэрэглэнэ (мөн элементийг үзнэ үү. ЗАГВАР ) гэр– таны сайтын нүүр хуудас руу заана toc, агуулга– энэ баримт бичгийн агуулгын хүснэгтийг агуулсан файл руу заана. индекс– одоогийн баримт бичгийг индексжүүлэх мэдээлэл агуулсан файл руу заана. тайлбар толь– одоогийн баримт бичигтэй холбоотой нэр томъёоны жагсаалтыг агуулсан файл руу заана. зохиогчийн эрх– сайтын бүтээгчид, зохиогчийн эрх гэх мэтийн тухай өгүүлдэг хуудсыг заана. дээшээ, эцэг эх– “эцэг эх” хуудас руу заана (баримт бичгийн нэг шат өндөр шаталсан бүтэцтаны сайт). хүүхэд– "хүүхэд" хуудас руу заана (таны сайтын шаталсан бүтцээс нэг алхам доогуур баримт бичиг). дараачийн– баримт бичгийн дарааллын дараагийн хуудсыг заана (жишээлбэл, цахим каталог, баримт бичиг, толь бичгийн дараагийн хуудас). өмнөх– баримт бичгийн дарааллын өмнөх хуудсыг заана. сүүлчийн, төгсгөл- харуулж байна сүүлийн хуудасбаримт бичгийн дарааллаар. эхлээд– баримт бичгийн дарааллын эхний хуудсыг заана. Туслаач– тусламжтай хуудас руу заана (жишээ нь, таны сайтад шилжих).

ТӨРӨЛ– HREF шинж чанарт заасан объектын MIME төрлийг тодорхойлно.

Тэмдэглэл:

(HTML 2.0) - Мета

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

Атрибутууд:

НЭР– мета оруулгын нэрийг тодорхойлно. Урьдчилан тодорхойлсон олон нэрс байдаг бөгөөд тэдгээрийн заримыг та доорх жишээнээс харж болно.

HTTP-EQUIV– мета оруулгын нэрийг тодорхойлно. NAME атрибуттай бараг төстэй боловч HTTP толгой хэсэгт нэмэлт мэдээлэл дамжуулах шаардлагатай тохиолдолд л ашиглагддаг.

АГУУЛГА– NAME (эсвэл HTTP-EQUIV) шинж чанарт тодорхойлсон мета оруулгад утгыг онооно.

Хүрээнүүд нь хөтчийн цонхыг хэд хэдэн хэсэгт хуваахад ашиглагддаг бөгөөд тус бүр нь тусдаа HTML баримтыг (фрэйм) төлөөлдөг. Дүрмээр бол фреймийг сайтын навигацийг хөнгөвчлөх, навигацийн цэс үүсгэхэд ашигладаг. Гэсэн хэдий ч ихэнх хөгжүүлэгчид хүрээ ашиглахаас зайлсхийдэг бөгөөд энэ нь сайн шалтгаантай байдаг. Зөвхөн үнэхээр шаардлагатай үед хүрээ ашиглахыг хичээ.

Хүрээ үүсгэх, түүнтэй ажиллах элементүүд:

Тэмдэглэл:

FRAMESET

(HTML 4.0) - Хүрээний багц

Баримт бичгийн хүрээ (цонх) бүтцийг тодорхойлдог: хуудас дээрх хүрээний хэмжээ, байршил. Үүсгэсэн оронд ньбаримт бичгийн бие (өөрөөр хэлбэл элемент БИЕ баримт бичигт ашиглагдаагүй). Элементээр тодорхойлсон хүрээнүүдийн жагсаалтыг нээж хаадаг FRAME . Элементээс бусад эхлэл ба төгсгөлийн шошгуудын хооронд FRAMEТэгээд NOFRAMES бусад элементүүд байж болно FRAMESET. Энэ нь элемент юм FRAMESETүүрлэсэн хүрээний бүтцийг дэмждэг.

Атрибутууд:

МӨРӨӨ– хөтчийн цонхон дээрх хэвтээ хүрээнүүдийн (шугам хүрээ) тоо, хэмжээг тодорхойлно. Утга нь таслалаар тусгаарлагдсан хүрээний хэмжээ юм. Хэмжээг тохируулах аргууд:

Өндөрийн хувь ажлын талбайхөтөчийн цонх. Жишээ нь: "30%,30%,40%"; "*" (од) тэмдэг хэлбэрээр, энэ хүрээ нь хөтчийн цонхны бусад фрэймүүд эзэлдэггүй бүх сул зайг эзэлдэг болохыг харуулж байна.заасан хэмжээсүүд

. Жишээлбэл, "25%,25%,*" гэсэн бичилт дэх од нь 50% -тай тэнцэнэ;

пикселээр. Жишээ нь: "75,*";Бүх гурван аргыг хослуулж болно. Жишээлбэл, "25%,40,*" дэлгэцийг гурван хэвтээ хүрээ болгон хуваах бөгөөд эхнийх нь хөтчийн цонхны дөрөвний нэг өндөр, хоёр дахь нь 40 пиксел өндөр, гурав дахь нь үлдсэн хэсгийг бүхэлд нь эзэлнэ. .

COLS– хөтчийн цонхон дээрх босоо хүрээнүүдийн (баганын хүрээ) тоо, хэмжээг тодорхойлно. Утга нь таслалаар тусгаарлагдсан хүрээний хэмжээ юм. Хэмжээг өмнөх ROWS атрибуттай ижил аргаар тохируулсан.

ХИЛ– хүрээний хүрээний өргөнийг пикселээр тодорхойлно. Энэ шинж чанар нь зөвхөн Netscape хөтөч дээр ажилладаг; FRAMESET FRAMEBORDER

– дотор агуулагдах агуулгын хүрээ байгаа эсэхийг тодорхойлнохүрээ. Боломжит утгууд: Тиймээ- дэлгэцийн хүрээ; 0 Үгүй

эсвэл

– хүрээ харуулахгүй байх; Netscape хөтчүүд энэ шинж чанарыг бүрэн дэмждэггүй бөгөөд хилийн өргөнийг дэлхий даяар тодорхойлохын тулд BORDER шинж чанарыг ашигладаг.

FRAMESPAACING

(HTML 4.0) – Frame доторх хүрээ болон түүний шинж чанарыг тодорхойлдог FRAMESET- бүтэц. (зүйлийг үзнэ үү FRAMESET ) Атрибутууд:

SRC- шаардлагатай шинж чанар. Энэ хүрээнд харуулсан HTML файлын хаягийг (URL) зааж өгнө.

НЭР– TARGET атрибутыг ашиглан бусад баримт бичгүүдээс түүн рүү хандахад хэрэглэгдэх энэ хүрээний нэрийг тодорхойлно (элементийг үзнэ үү. А ). Утга нь латин тэмдэгт болон тоо бүхий хоосон зайгүй нэр байх ёстой. Нэр нь тоо эсвэл тусгай тэмдэгтээр эхэлж болохгүй.

MARGINWIDTH– хүрээний зүүн ба баруун захын өргөнийг (пикселээр) тодорхойлно. Хэрэв шинж чанарыг заагаагүй бол хөтөч нь доголын оновчтой хэмжээг автоматаар тодорхойлно.

MARGINHEIGHT– хүрээний дээд ба доод ирмэгийн өргөнийг (пикселээр) тодорхойлно. Хэрэв шинж чанарыг заагаагүй бол хөтөч нь доголын оновчтой хэмжээг автоматаар тодорхойлно.

Гүйлгэж байна– хүрээний агуулгын хувьд гүйлгэх мөр байгаа эсэхийг тодорхойлно. Боломжит утгууд:

тиймээ– гүйлгэх мөрүүдийг харуулах. үгүй– гүйлгэх мөрийг бүү харуул. авто– шаардлагатай бол гүйлгэх мөрүүдийг харуулах (Хэрэв SRC шинж чанарт заасан баримт бичиг хүрээд багтахгүй бол).

NORESIZE– хүрээний хэмжээг өөрчлөхийг зөвшөөрөхгүй. Энэ шинж чанар нь туг бөгөөд утга шаарддаггүй.

ХИЛ– хүрээ дээр хүрээ байгаа эсэхийг тодорхойлно. Боломжит утгууд:

тиймээхүрээ. Боломжит утгууд: үгүй- дэлгэцийн хүрээ; 0 Үгүй

Netscape хөтчүүд энэ шинж чанарыг бүрэн дэмждэггүй бөгөөд хилийн өргөнийг дэлхий даяар тодорхойлохын тулд элементийн BORDER шинж чанарыг ашигладаг. FRAMESET.

Энэ нь хөтчийн цонхыг доор үзүүлсэн шиг гурван хүрээ болгон хуваах болно. Түүнээс гадна frame1.html 265 пикселийн өргөнтэй байх ба frame2.html- өндөр 165.

NOFRAMES

(HTML 4.0) - Хүрээ байхгүй

Тухайн элементийн эхлэл ба төгсгөлийн тэмдэглэгээний хоорондох бүх зүйлийг хөтч нь фрейм дэмждэггүй л бол үзүүлнэ. Бүрэлдэхүүн NOFRAMESшинж чанаргүй бөгөөд элемент дотор байх ёстой FRAMESET .

• 1. HTML баримтууд нь бүтцийн баримт бичиг юм.
• 2. Элементүүдийн нэрийг ямар ч тохиолдолд бичиж болно.
• 3. Атрибутын нэрийг ямар ч тохиолдолд бичиж болно.
• 4. Аттрибутын утга нь тохиолдол, ялангуяа хаягаас хамаарна (Unix үйлдлийн системийн онцлог нь өөр өөр регистр дэх тэмдэгтүүдийг өөр өөрөөр тайлбарлах явдал юм, тиймээс файлууд

зураг .gif болон зураг.GIF нь ялгаатай!).

• 5. Элементийн нэрэнд хоосон зай байж болохгүй.
• 6. Хэрэв атрибутын утгууд нь хоосон зайтай байвал хашилтанд байх ёстой.
• 7. Нэмэлт зай, таб, тэрэгний буцаалтыг үл тоомсорлож, нэг орон зайд шахдаг.
• 8. Элементүүдийг бие биенийхээ дотор байрлуулж болно. Энэ тохиолдолд үүрлэх дүрмийг дагаж мөрдөх ёстой. Оруулсан элемент дотор нээх тагнаас гадна хаах таг байх ёстой. Уулзварууд буруу байна:

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

9. Танихгүй элементүүд болон шинж чанаруудыг хөтчид үл тоомсорлодог ("алдаа тэсвэрлэх чадвар").

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

Вэб хөтөч баримт бичгийг хүлээн авахдаа тухайн баримт бичгийг хэрхэн тайлбарлахыг тодорхойлдог. Баримт бичигт гарч ирэх хамгийн эхний шошго нь шошго байх ёстой . Энэ шошго нь вэб хөтчид баримт бичгийг HTML ашиглан бичсэн гэдгийг хэлдэг.

HTML хэл дээрх сэтгэгдэл.Аливаа хэлний нэгэн адил HTML нь баримт бичгийг сүлжээгээр дамжуулах үед хадгалагдах боловч хөтчөөс харагдахгүй байгаа баримтын үндсэн хэсэгт тайлбар оруулах боломжийг олгодог. Ихэнхдээ зарим шошго эсвэл бүхэл хаягууд нь сэтгэгдэл дээр "нуугдсан" байдаг синтаксийн бүтэцтэдгээрийг боловсруулах боломжгүй хөтчүүдийн хуучин хувилбаруудаас. Сэтгэгдэл нь баримт бичгийн хаана ч, ямар ч хэмжээгээр гарч болно. Сэтгэгдэл нь баримт бичгийн хэмжээг нэмэгдүүлж, ачаалах хугацааг нэмэгдүүлдэг гэдгийг санах нь зүйтэй.

Баримт бичгийн ерөнхий толгой хэсэг.Баримт бичгийн толгойн шошгыг шошгоны дараа шууд ашиглах ёстой мөн баримт бичгийн үндсэн хэсэгт өөр хаана ч байхгүй. Энэ тэмдэглэгээг илэрхийлнэ ерөнхий тайлбарбаримт бичиг. Эхлэх шошго шошгоны өмнө шууд байрлуулсан , шошгон дотор байрлуулсан . Баримт бичиг өөрөө цонхонд гарч ирэхэд баримт бичгийн гарчиг харагдахгүй.

Баримт бичгийн үндсэн шошго.Баримт бичгийн үндсэн хаягууд нь цонхонд харагдах HTML баримт бичгийн бүрэлдэхүүн хэсгүүдийг тодорхойлдог. Баримт бичгийн үндсэн хэсэг нь бусад баримт бичиг, текст болон бусад форматтай мэдээллийн холбоосыг агуулж болно.

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

Гарчиг түвшин<Нх>. Эхний гарчгийн түвшинг (хамгийн том) 1-р, дараагийнх нь 2-оор, мөн 6-р тоо хүртэл тэмдэглэнэ. Ихэнх хөтчид зургаан гарчгийн түвшний тайлбарыг дэмждэг бөгөөд тэдгээр нь тус бүрийг тодорхойлдог. өөрийн гэсэн хэв маяг. Ихэнх тохиолдолд ийм толгойн текст тод өнгөтэй байх бөгөөд текстийн дараа хоосон мөр байх болно. Хамгийн гол нь эдгээр шошго нь тодорхойлогддог логик бүтэцбаримт бичиг, интернет хайлтын системээр индексжүүлэхэд оролцох. Зургаадугаар түвшнээс дээш толгойнууд нь стандарт биш бөгөөд хөтөч дэмждэггүй.

Догол мөр<Р>. INИхэнх текст боловсруулагчаас ялгаатай нь HTML баримт бичигт тэрэгний буцаалтыг үл тоомсорлодог. Хөтөч нь зөвхөн шошготой тохиолдолд догол мөрүүдийг хуваадаг<Р>. Хэрэв та догол мөрүүдийг шошгоор салгахгүй бол<Р>, дараа нь баримт бичиг нэг том догол мөр шиг харагдах болно.

Урьдчилан форматласан текст шошго

.
Мэдээжийн хэрэг, кэшийн дүрмийг тохируулах аргууд байдаг, гэхдээ хүн бүр үүнийг ашигладаггүй.  Тиймээс үүнийг аюулгүйгээр тоглуулж, вэб хуудасны "хугацаа дуусах хугацааг" зааж өгөх нь дээр.  Хэрэв энэ нь тэнцсэн бол хөтөч кэшээс хуулбарыг ашиглахын оронд интернетээс баримт бичгийг хүсэх болно. 
Текстийг дэлгэцэн дээр тодорхой форматаар харуулахыг зөвшөөрдөг.  Урьдчилан форматласан текст нь төгсгөлийн шошгоор төгсдөг
.  Урьдчилан форматласан текст дотор та дараахийг ашиглаж болно: мөрийн тэжээл, таб тэмдэгтүүд (баруун тийш найман тэмдэгтээр шилжих), хөтчийн суулгасан пропорциональ бус Courier фонт.

Жагсаалтын шошго. HTML баримт бичигт дугаарласан, тэмдэглэгдсэн, тайлбарын жагсаалт гэсэн гурван үндсэн төрлийн жагсаалт байдаг.
Та өөр жагсаалтын шошго ашиглах эсвэл бусад дотор давтагдах жагсаалтуудыг үүсгэж болно.  Үүнийг хийхийн тулд та зүгээр л нэг хос шошгыг (эхлэх ба төгсгөл) нөгөөгийн дотор байрлуулах хэрэгтэй.  Жагсаалтын жагсаалтын зүйлд жагсаалтын зүйлийг тэмдэглэсэн ижил тэмдэглэгээ байх эсэх нь хөтөчөөс хамаарна.
Дугаарласан жагсаалтууд.  INДугаарлагдсан жагсаалтад хөтөч нь зүйлийн дугаарыг дарааллаар нь автоматаар оруулдаг.  Энэ нь хэрэв та дугаарласан жагсаалтаас нэг буюу хэд хэдэн зүйлийг устгавал үлдсэн тоог автоматаар дахин тооцоолох болно гэсэн үг юм.
 
гэсэн тэмдэгээр төгсдөг
 
.

Сумтай жагсаалтууд.  Учир ньСумтай жагсаалтын хувьд хөтөч ихэвчлэн жагсаалтын зүйлд сум ашигладаг.  Тэмдэглэгээний төрлийг ихэвчлэн хөтөч хэрэглэгч өөрөө тохируулдаг.
Дугаарласан жагсаалт нь эхлэлийн тэмдэгээр эхэлдэг 
гэсэн тэмдэгээр төгсдөг
.  Жагсаалтын элемент бүр шошготой эхэлдэг<ы>.

Фонтын формат. HTML нь текстийн фрагментуудын фонтыг сонгох хоёр аргыг зөвшөөрдөг.  Нэг талаас, та текстийн тодорхой хэсэг дэх фонт нь тод эсвэл налуу байх ёстойг шууд зааж болно.  текстийн физик хэв маягийг өөрчлөх.  Нөгөөтэйгүүр, текстийн зарим хэсгийг ердийн бус логик хэв маягтай гэж тэмдэглэж, тухайн хэв маягийн тайлбарыг хөтөч дээр үлдээж болно.
HTML баримт бичгийн доторх графикууд. WEB-ийн хамгийн сонирхолтой шинж чанаруудын нэг нь HTML баримт бичигт график болон бусад төрлийн өгөгдлийг оруулах чадвар юм.
HTML баримт бичигт график ашиглах хоёр арга бий.  Эхнийх нь хэрэгжилт график зургуудБаримт бичигт оруулснаар хэрэглэгч бусад баримт бичгийн элементүүдийн хүрээнд зургийг шууд харах боломжийг олгоно.  Үүнийг шошго ашиглан хийдэг .  Энэ шошго нь тасархай, өөрөөр хэлбэл.  хаагдахгүй байна.  Шошгоны синтакс:

Шаардлагатай параметр нь стандарт URL-тай ижил синтакстай байна.  Энэ URL нь хөтчид хаана байгааг хэлж өгдөг
зурах.  Зургийг хөтчийн дэмждэг график форматаар хадгалах ёстой.  Өнөөдөр эдгээр нь GIF, JPG, PNG форматууд юм.  Тэдгээрийг ихэнх хөтчүүд дэмждэг.
ALT = "текст"
Энэ нэмэлт элемент нь график дэмждэггүй эсвэл зургийн графикийг идэвхгүй болгосон хөтөч дээр харуулах текстийг зааж өгдөг.  Ихэвчлэн энэ Товч тодорхойлолтХэрэглэгч дэлгэцэн дээр харж болох эсвэл харах боломжтой зураг.  Хэрэв энэ параметр байхгүй бол ихэнх хөтчүүд зургийн оронд хоосон хүрээ харуулдаг.  Tag Хэрэв хэрэглэгчид Lynx гэх мэт график горимыг дэмждэггүй вэб хөтөч ашиглаж байгаа бол үүнийг индексжүүлэхийг зөвлөж байна. Хайлтын системүүд.  Зургийн дээгүүр шилжихгүйгээр хулганы курсорыг хэсэг хугацаанд дарахад уг бичвэр нь курсорын доорх системийн зөвлөмж болгон харагдана.
Ихэнх хөтчүүд таны баримт бичигт дэвсгэр зураг оруулах боломжийг олгодог бөгөөд энэ нь угаалгын өрөөний хавтан шиг олширч, бүх баримт бичгийн дэвсгэр болж харагдах болно.  Энэ бол хоёр дахь арга зам юм.  Зарим хэрэглэгчид дэвсгэр графикт дуртай, зарим нь тийм биш.  Анхаарал татахгүй тунгалаг хэв маяг (ханын цаас) нь ихэнх баримт бичгийн арын дэвсгэр болгон сайн харагддаг.
Гипертекст холбоосууд нь WEB-ийг хэрэглэгчдийн сонирхлыг татах гол бүрэлдэхүүн хэсэг юм.  Гипертекст холбоосыг (цаашид холбоос гэх) нэмснээр хэрэглэгч баримт бичгийн багцыг холбож, бүтэцтэй болгодог бөгөөд энэ нь түүнд шаардлагатай мэдээллийг аль болох хурдан бөгөөд хялбар авах боломжийг олгодог.
Холбоосууд нь хөтөчийг тайлбарлаж, гүйцэтгэх боломжийг олгодог стандарт форматтай байдаг. шаардлагатай функцууд(дуудлагын аргууд) холбоосын төрлөөс хамаарна.  Холбоосууд нь өөр баримт бичиг, тухайн баримт бичгийн тодорхой байршил руу зааж өгөх эсвэл файл хүсэх гэх мэт бусад функцуудыг гүйцэтгэх боломжтой.  Та текст эсвэл зураг эсвэл хоёуланг нь гипер холбоос болгон ашиглаж болно.
HTML баримт дахь холбоосын бүтэц.Хөтөч нь URL-ийн холбоосыг харуулахын тулд та гипер холбоосын шошгон дотор текст эсвэл зургийг байрлуулах ёстой.  HTML синтакс нь дараах байдалтай байна.
<А HREF="URL">холбоос болгон тодотгох текст эсвэл дүрс

Мэдээжийн хэрэг, кэшийн дүрмийг тохируулах аргууд байдаг, гэхдээ хүн бүр үүнийг ашигладаггүй.  Тиймээс үүнийг аюулгүйгээр тоглуулж, вэб хуудасны "хугацаа дуусах хугацааг" зааж өгөх нь дээр.  Хэрэв энэ нь тэнцсэн бол хөтөч кэшээс хуулбарыг ашиглахын оронд интернетээс баримт бичгийг хүсэх болно.<А HREF="URL">холбоосын тайлбар, шошгыг нээнэ- хаадаг.  Эдгээр хоёр шошгын хооронд байрлах аливаа текстийг вэб хөтчөөр тусгай аргаар тодруулдаг.  Ихэвчлэн энэ текстийг доогуур зурж, тодруулсан харагдана.  Зураг нь тэгш өнцөгт хүрээгээр хүрээлэгдсэн байна.  URL-г илэрхийлсэн текстийг хөтөч харуулахгүй, зөвхөн холбоосыг идэвхжүүлсэн үед (ихэвчлэн тодруулсан эсвэл доогуур зурсан текст дээр дарж) зориулалтын үйлдлүүдийг хийхэд ашигладаг.
Документ доторх шошготой холбоосууд.Та эдгээр хэсгүүдэд зориулсан тусгай далд шошгуудыг ашиглан нэг баримт бичгийн өөр өөр хэсэг эсвэл хэсгүүдийг холбож болно.  Энэ нь дэлгэцийг гүйлгэхгүйгээр баримт бичгийн хэсгээс хэсэг рүү хурдан шилжих боломжийг олгоно.  Хэрэглэгч холбоос дээр дармагц хөтөч нь түүнийг баримт бичгийн заасан хэсэг, шошгыг агуулсан мөрөнд шилжүүлэх болно. энэ хэсэг, хөтчийн цонхны эхний мөрөнд байрлана (хэрэв хөтөчийн цонхон дээрх баримт бичгийн "урт" хангалттай бол).