HTML хураангуй товчлол нь HyperText Markup Language байна. HTML - Энэ нь програмчлалын хэл биш юм тэмдэглэгээний сайтын хэл юм.

Бүх хөтөч хэрэглэгчийн хувьд тохиромжтой хэлбэрээр энэ тэмдэглэгээг хөрвүүлэх боломжтой юм.

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

Үндсэн HTML тушаалууд

Жагсаалт нь HTML-тушаал нь маш их юм. Гэхдээ хамгийн гол зүйлс тийм их биш юм. код бичиж эхлэх тулд та өөрийн дуртай засварлагчийг хэрэгтэй. "Тэмдэглэлийн дэвтэр" ашиглаж болно. Бид Notepad ашиглан ++ санал болгож байна. Энэ нь иймэрхүү харагдаж байна.

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

HTML нь хаах хаягууд болон unobscured байдаг. Мөн энэ хэл дээр байгаа үүрлэх тухай ойлголт юм. кодыг объект бүр - энэ нь элемент юм. Элемент нь эхлэл хаяг, агуулга, хаах юм. Түүнээс гадна, хаяг нь тэдний үнэт зүйлс нь өөрийн өргөтгөсөн шинж чанаруудыг байна.

зураг хоёр хаягуудыг харуулж байна болон . нээлт, хаалтын ижил тавьсан боловч "/" зөвхөн өөр өөр байдаг гэдгийг санаарай. хаяг хаалттай бол, хариуцагчийн энэ нь тухайн элементийн үлдсэн үргэлжлэл гэж үзэж болно. Энэ бол маш чухал юм. Ялангуяа лавлагаа юм. Бид бага зэрэг цаашид тэдэн рүү харж болно.

хаяг заавал. Энэ нь үргэлж бичих шаардлагатай. Харин хаалтын шаардлагатай биш юм. стандарт байх ёстой гэхэд, харин та нар хааж чадахгүй бол ажил ч байх болно.

дарга, биеийн: бусад үндсэн хаягууд нь байдаг.

Эдгээр нь HTML-багууд хуудасны тогтолцоо юм. Тэд шаардлагатай байна. Тэд мөн хаалттай байна.

тагийн нэр зорилго таарч. Дарга - дарга. Энэ хэсэг нь үйлчилгээ, чухал мэдээлэл, харагдахуйц биш юм тодорхойлсон. Хэсэг байгууллага - баримтын байгууллага. Энд хэрэглэгчийн дэлгэц дээр гарч ирнэ агуулга. Дараа нь андуурагахгүйн тулд, нэг дор хаалтын хаягуудыг үзээрэй.

үйлчилгээ хэсэгт заасан:

• баримт бичгийн нэр;
• Style файлууд;
• скрипт файлууд;
• мета хаягууд;
• хайлтын баримтлах зааварчилгаа;
• Роботуудын баримтлах зааварчилгаа;
• програм, харин хэрэглэгчид биш, ашиглаж болох бусад мэдээлэл.

загварын файл энд дараах байдлаар тусгасан байна:

<Холбоос холбоо = "загварчлах" href = HTTP: сайт /article/256185/%E2%80%9Cstyle.css%E2%80%9D төрөл = "текст / CSS" //>

скрипт файл нь дараах байдлаар:

<Скрипт төрөл = "текст / JavaScript " SRC = 'HTTP: // сайт /article/256185/main.js ">

текстээр явж байх ёстой. Энэ нь Түүний цэг нь:

<Нэр> Гарчиг хуудас

Энэ нь текст хөтөч таабны нэрийг нь дэлгэцэн дээр гарч ирнэ. Мөн энэ нэр нь хайлтын систем олгох үр дүнд гаргаж авсан байна.

Текст форматлах арга хаягууд

текст зүйлийн шошго байрлуулсан байх ёстой. Тэр

текст гэж нэрлэдэг. эхийг та бас мөр нь ашиглаж болно.

текст зурах, "Үг" шиг байж болно:

• <Би> налуу
• <Хүчтэй> зоримог текст
• Хаялтанд текст
• доогуур зураастай текстүүд

Текст загварыг зурж болно. Бид бусад элементүүд нь хянан дараа, эцэст нь тэдэн рүү харж болно.

Гарчиг ашиглах

бусад чухал HTML-тушаал байдаг. толгой заавал вэбсайт бий зориулж зөвхөн ашиглагддаг. Тэд хаяг

Эхний түвшинг Гарчиг ашиглан зааж байна. 1 6. Энэ нь толгойн д багтсан байх ёстой гэдгийг ойлгох нь чухал юм түвшин байдаг.

-Р зурагт жишээ.

Энэ нь зөвхөн нэг h1 гарчиг ашиглахыг зөвлөж байна гэдгийг санаарай. Энэ тохиолдолд, энэ нь тохирох хаяг <нэр> ёстой. Мэдээж та 200 толгой H1 зааж өгч болно, харин дараа нь та хайлтын ял шийтгүүлж болно.

зургийг ашиглах

Images вэб хуудас салшгүй нэг хэсэг юм. Жишээ нь энэ нь ямар ч зургийг оруулах боломжтой хэрхэн харуулж байна.

Таны харж байгаагаар, жишээ нь нарийвчлан хэрхэн, юу гэж хэлэх үзүүлсэн.

холбоосыг ашиглах

Хэрэв та HTML-тушаалыг сурах бол, хаяг, мэдэх холбоосууд та зүгээр л байх ёстой. Энэ бол хамгийн чухал элемент юм нэг юм World Wide Web.

Link хаяг томилсон байна. Гэхдээ энэ нь мэдээж хаалттай байх хэрэгтэй. Үүнээс гадна, энэ зүйл нь тухайн хаяг, холбоос оноо href нь заавал зан чанарыг байдаг.

Дээрх жишээн дээр, энэ оронд текст тэр жишиг зургийг агуулсан харагдаж байна. Энэ нь та текст болон зургийг хоёуланг нь хийж болно юм.

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

хүснэгтүүдийг ашиглах

Хүснэгт нь бас маш олон удаа хэрэглэдэг. Тэд анх тохиромжтой байдлаар мэдээллээр хангах зорилготой юм. Харин дараа нь байршил янз бүрийн хуудас элементүүдийг байрлуулах ашиглаж байна.

дараах байдлаар хүснэгт үүсгэж байна:

<Хүснэгтийн өргөн = "100%" хилийн = "1">

Гар текст

Гар текст

Гар текст

Гар текст

өргөн шинж хүснэгтийн өргөн заана. Энэ нь хувь буюу пиксел байж болно. Хилийн хүрээ зузаан харуулж байна.

дараах байдлаар бүтэц заасан байна. Tr хаяг мөр юм. Tag TD эсийн. Мөн бүх хамтдаа - хүснэгт.

Та хүснэгтийг уялдуулах болно. Зүүн, төв, Баруун талд: Энэ нь тэгшлэх шинж чанар гурван утгыг авч болно ашигладаг. ашиглалтын Доорх жишээ нь заасан.

Эдгээр нь HTML-тушаал нь (өргөн, шугам) мөн бусад элементийн тохиромжтой байдаг. хүрээ зузаан шиг дүр төрхөөр заасан.

жагсаалт ашиглах

HTML-тушаалыг ашиглан, та жагсаалтын төрөл бүрийн үүсгэж болно. Бараг яг Үгэнд адил.

Тэнд хэлээр Html захиалж болон Эрэмбэлэгдээгүй жагсаалт (Сумтай). Ийм жагсаалтын нэг жишээ.

<Ли> Эхний

<Ли> Хоёр дахь

<Ли> Гурав дахь

үр дүн байх болно:

• эхний
• хоёр дахь
• гурав дахь

төрөл жагсаалт	HTML хэлний код
тойрог хэлбэрээр	<Ли> ...
тойрог	<Ли> ...
хавтгай дөрвөлжин маркер нд	<Ли> ...

Захиалгат жагсаалт ижил аргаар бүтээсэн, харин

оронд, хаяг <ол> ашигладаг.

Та бас гаралтын жагсаалтын төрлийг зааж өгч болно:

• "1" - араб тоог 1, 2, 3 ...
• "А" - гэдэг үгний эхний том үсэг А, В, С ...
• "А" - үсэг доогуур а, б, в ...
• "Би" - том Ромын Тоонууд I, II, III ...
• "Би" - жижиг Ромын Тоонууд I, II, III ...

Араб тоогоор стандарт гаралт.

Энэ жагсаалт Сумтай хойш тэд эхлэх шинж чанар, жагсаалтын эхний үнэ цэнийг тодорхойлдог байна. Жишээлбэл, та 10-р, 20-ны өдрөөс эхлэн жагсаалтыг харуулж болно.

загварыг ашиглах нь

сайтын хувьд HTML-тушаалууд нь маш олон янз байдаг боловч тэд бүгд хэв маягийг дагах. Хэлбэр нь толгой дор нь файлд зааж өгч болно: <холбоос холбоо = "загварчлах" href = HTTP: // сайт /article/256185/%E2%80%9Cstyle.css%E2%80%9D төрөл = "текст / CSS" > эсвэл бэлэн загварыг санал болгодог.

хэв маяг Эдгээр тодорхойлолтыг хооронд ялгаа байдаг гэдгийг анхаарна уу. Зураг загварууд сайтын бүх хуудсанд заасан болно. Удалгүй та түүнд өөрчлөлт хийх гэх мэт, дараа нь энэ шинэчлэл нь бүхэлдээ бүрэн вэб нөлөөлөх болно. Хэрэв та тодорхой нэг хуудсан дээр хэв маягийг зааж бол, өөрчлөлтүүд болон эдгээр анги хэрэглэх нь зөвхөн файл дотор байх болно. Хэрэв гадна таны тохиргоо гарч байх болно гэж.

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

дараах байдлаар зөвхөн нэг хуудсанд харуулж байна.

Энэ аргыг санал болгож байна.