Та HTML хуудас хэрхэн бий болгох талаар бодож байна уу? Үүнийг хийхийн тулд та хэдэн цаг зарцуулах хэрэгтэй, та дараах зүйлсийг мэдэх болно HTML үндсийг. Мөн та өөрийн хамгийн эхний хуудас 5 минутын боломжтой болох юм бий.

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

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

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

HTML-ийн үндэс

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

элемент эхэлж, нээлтийн ашиглах, хаяг хаах хаадаг хаана зааж өгөх. Энэ нь иймэрхүү харагдаж байна.

<Эхлэл хаяг> агуулга

Таны харж байгаагаар, нээлтийн болон хаалтын хаяг "/" зөвхөн ялгаатай байна.

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

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

HTML, хоёр хүүхэд элемент байдаг:

• ... ;
• <Байгууллага> .. .

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

хамгийн чухал зүйл бол - ямар ч агуулга байхгүй.

BODY хэсэг баримт бичиг, хэрэглэгчийн гарч ирнэ агуулгыг тодорхойлно.

нэн даруй, олон нийтийн болон хувийн хаягуудыг хийх нь байж, 10 дэд зүйл болох талаар мэдэж аваарай. Үүнээс гадна, тав тухтай байдлыг хангах түүвэрлэсэн хаягууд зай авагдсан байна. Жишээ нь, энэ мэт.

<Дарга>

<Биеийн>

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

дээр нь энгийн HTML хуудсыг хэрхэн үүсгэх

код бичихийн тулд та засварлагч ямар нэгэн хэрэгтэй. Тэдний маш олон. Алдартай Notepad ++ болон Adobe Dreamweaver юм. Та бас тэмдэглэлийн дэвтэр ашиглаж болно.

Энд ямар Notepad ++ редактор юм.

Энэ нь маш хэрэглэхэд хялбар редактор бөгөөд энэ нь үнэ төлбөргүй байдаг. Дээрх Adobe Dreamweaver төлсөн байна. бичих зориулагдсан засварлагч ялгаатай нь HTML кодыг Бичигт нь - тухайн тусгай хаягууд онцлон тэмдэглэсэн байна. Энэ нь гэрэлтүүлж чадахгүй байгаа бол, энэ нь та бичсэн юм буруу байна гэсэн үг юм.

гэрлийн хэл тохирох тулд, энэ тохиргоо нь зааж өгөх шаардлагатай юм.

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

тэмдэглэлийн дэвтэр HTML вэб хуудсыг хэрхэн үүсгэх

Нэгдүгээрт, тэмдэглэлийн дэвтэр нээж.

Дараа нь дараах зурган дээр заасан байна гэж дотор нь бичнэ.

Түүний гар, зүгээр л нэг хуулбар гэж бүү бич ашиглаж авах. Хэрэв та өөрийн гар бичиж байхдаа та илүү сайн бүх хаяг мэдээллийн сан цээжил.

Дараа нь цэс "файлыг хадгалах" болон файлын нэрийг зааж дээр товшино уу боловч өргөтгөл .html байна.

файл нь таны браузер нээгдэж, үр дүнд сэтгэл хангалуун байх болно. Одоо та тэмдэглэлийн дэвтэр HTML вэб хуудсыг хэрхэн бий болгох нь тодорхой байх ёстой.

Дэлхийн консорциум W3C

W3C, хөгжүүлж, интернет бүх стандартыг хэрэгжүүлэх зэрэг байгууллага байдаг. Бүх хөтчүүд дээрх журмын дагуу хуудсуудын эдгээр стандарт, үйл явц байрлал (ууд) хамаарна.

HTML-ийн хөгжүүлэгчдийн албан ёсны вэб сайт, та бүх хаягууд болон дүрэм түүний хэрэглээний талаар бүхий хүснэгтийг олж болно. Энэ нийтлэлд бид хамгийн наад захын харж байна.

Та юу зөв байж болох тухай боддог вэ? Эдгээр хаягууд зөвлөмж байдаг. Тэдний хэд хэдэн:

• Нэмэлт хаяг.
• Хориотой хот.
• Хоосон хаяг.
• хуучирсан
• Алдсан байна.

HTML-д Сэдвийн

Хэрэв та HTML-хуудсыг үүсгэж болно өмнө та толгой үйлчилгээнд байх гэж ойлгох хэрэгтэй.

HEAD нутагт аль алинд нь заавал болон сайн дурын хаягууд байдаг. Заавал хаяг толгой хэлнэ. Энэ нь <нэр> Гарчиг гэж тэмдэглэнэ. Тэр бүх баримт бичигт оноосон байна. Мөн та Google-ийн хайлтын үр дүнд юу харж - нь хаяг гарчиг.

Бид БАЙГУУЛЛАГА хэсэгт ханддаг. хөтөч-д ирнэ элементүүд байдаг, төрийн бус харуулсан байдаг. Жишээ нь, санал хэрэглэгчийн дэлгэц дээр гарч ирэхгүй байна. та багаар ажиллах бол тэд тэмдэглэл болон бусад ажилтнуудад зориулсан зөвлөмжийг хэрэглэж болно.

Тэд гэж тодорхойлсон

энэ аргаар үзэж хөтөлбөрийн мэдээлэл хооронд байна. Хэрэв та өөр хаяг тайлбар дэх тайлбар хаяг тавьж чадахгүй байгаа гэдгийг анхаарна уу. Учир нь аль болох хурдан чи нээх зэрэг .

Ийм хашлага жишээ:

Эхний санал үргэлжлэл ->

хөтчүүдийг ашиглан дараах үр дүн байх болно

Эхний санал үргэлжлэл ->

Гэвч <нэг хэсэг - Анхны сэтгэгдэл бичих харагдахгүй байх болно. Хоёр дахь нээлтийн хаяг

текст гарчиг

Гарчиг нь зөвхөн нэр хаяг ашиглан HEAD хэсэгт заана. толгой хүрээнд заавал зааж өгөх ёстой. зөвхөн хэрэглэгчийн хардаг учраас.

Гарчиг түвшин нь янз бүрийн ирдэг. Тиймээс текст нь шатлал. Эквивалент хэмжээ, бүлэг, номд зүйлийг.

Энэ бол зүгээр л 6 түвшин юм. Үндсэн гарчиг

Гарчиг томилогдсон байна. h1 хаягууд хуудасны текстийг дэмжих нөхцөл болон нэрийг нь ижил байх ёстой. Үүнээс гадна, үзэл бодлын хувьд гоо зүйн үүднээс авч h1, тэнд зөвхөн нэг л байх ёстой. Гэхдээ энэ нь хөтөч дараагийн H1 ажиллаж чадахгүй болно гэсэн үг биш юм. Тэд хүссэнээ л хийж болно, гэхдээ энэ нь хүсмээр зүйл биш юм.

гарчиг нь h6 нь Н2-аас хаягуудыг ашигладаг. Тэд ийм байна - Эхний хоёр дахь, гурав дахь, дөрөв дэх тав дахь, зургаа дахь шатны нэр гэж нэрлэдэг. Тэгэхээр нь түүвэрлэсэн мэдээлэл, ангилж хэлтсийг бий болгож байна.

Энэ нь иймэрхүү харагдаж байна.

хэсэг

код гол текст та хаяг

... бүртгүүлэх хэрэгтэй. Тэр үгийг "хэсэг нь" ирсэн. хэсэг бүр нь хаяг

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

тагийн шилжүүлэх хаалттай биш юм гэдгийг анхаарна уу. Тэр нэг юм.

Жишээ нь шүлэг дээр авч үзье.

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

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

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

холбоос текст

Та хаяг, текстийг зааж өгөхгүй бол энэ холбоос хэрэглэгчид ямар ч хэрэггүй, эсвэл үл үзэгдэх болно.

дүгнэлт

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

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