Вэб сайт гэж юу вэ? Вэб хуудасны үндсэн элементүүдийг жагсаах

Вэб хуудас - агуулгын ихэнх нь Интернет дээр танилцуулсан. Энэ нь түүхэн виртуал сүлжээний орон зайд байрлуулах зориулалттай баримт бичгийн анхны төрөл юм, гэхдээ л холбогдох байх бөгөөд бараг ямар ч өрсөлдөгч форматыг байна. вэб хуудас бүтэц гэж юу вэ? Зарим вэб хөгжүүлэх хэрэгслүүдийн тусламжтайгаар тэд бүтээсэн байна вэ?

Вэб сайт гэж юу вэ?

"Вэб хуудасны үндсэн элементүүдийг жагсаалт" - Компьютерийн шинжлэх ухааны ангид бидэнд шалгагч хэлдэг. Бид хариуд нь юу гэж хэлэх вэ? Юуны зарчмын хувьд ямар вэб хуудасны тухай ярьж.

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

сайтын бүтэц дэх вэб хуудасны газар, үүрэг

Энэ нь вэб сайтын гол бүрэлдэхүүн хэсэг юм - Бид вэб сайт гэж хэлж чадах уу? Энэ нь зарим талаараа үнэн юм. Гэсэн хэдий ч, бид Дээр дурдсан вэб хуудас - энэ нь зүгээр л нэг текст баримт бичиг юм. сайт нь зарчмын хувьд, мөн зураг, видео болон бусад мультимедиа элемент байрладаг. Вэб хуудас оронд нь болно, гэхдээ түүний бүтэц, энэ нь тэдэнд лавлагааг агуулж болно. Тиймээс вэб хуудас хэрэглэгчдийн виртуал агуулгын зураглал зонхилох үүрэг талаас нь вэбсайтын гол бүрэлдэхүүн хэсэг гэж нэрлэж болно.

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

хипертекст татан оролцуулах зарчим

Тиймээс, баримт бичиг гэж нэрлэдэг вэб хуудас нь HTML хэлээр дамжуулан HyperText Markup дээр хөрвүүлсэн. Гэхдээ энэ үзэгдэл гэж юу вэ? гипертекст гэж юу вэ? онол руу их явж байхгүй байсан бол бид анхаарна гэсэн энэ нь текст, ямар нэг байдлаар бусад хурдан хандах боломжтой - харьцуулан. боломжгүй бол ердийн номонд - Тэнд "энгийн текст" юм. хүссэн хуудсанд нэвтрэхийн тулд уншигч агуулгыг эсвэл зүүлт тайлбарыг унших нь өмнө, зарим нь эргүүлэхийн тулд юм. "Гипертекст" горимд ажлын ихэнх нь компьютер хийж байна - хуудас HTML элементийн тусгагдсан мэдээллийн зардлаар.

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

HTML-ийн бүтэц, зохион байгуулалт: хаягууд

Хэрхэн хөтөч HTML хэл дээр зурсан, баримт бичгийн вэб хуудсан дээр шаардлагатай мэдээллийг уншдаг вэ? Маш энгийн.

хэлний үндсэн элементүүд - энэ хаягууд. Тэд ихэнх тохиолдолд эрэгтэй байна - нээлтийн тэнд хаах хэрэгтэй. Эхний зөвхөн өнцөг хаалтад заасан байдаг. Хоёр дахь - ижил, харин налуу зураасаар хоёр дахь хаалт урд талд байрлуулсан байна - тэмдэг /. хөтөч тэднийг таньж мэдэх чадвартай байдаг тул ямар ч асуудал баримтын хөгжүүлэгч бүтээсэн алгоритм дагуу Вэб хуудсыг харуулна.

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

шинж чанарууд

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

агуулга

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

Вэб хуудас элементүүд

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

Вэб хуудас элементүүд нь: нэр

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

нэрийг онцлог нь юу вэ? Энэ нь вэб хуудасны их дээд талд оршдог. "Шифрлэлт нь" Зөвхөн текст төлөвтэй Дүрэм зэрэг нь толгойг үүсгэдэг, гэхдээ та бас жижиг график оруулах харгалзах элемент, байрлуулж болно, хэрэв шаардлагатай бол HTML-код байна. Мөн энэ нь бол үнэн хэрэгтээ, бүх гарчиг тухай хэлж болно. Энэ нь холбогдох баримт бичгийн бүтэц дэх түүний үүрэг маш бага юм шиг санагддаг юм. Гэхдээ энэ нь тийм биш юм. Yandex, Google - Вэб Хуудас нэр хайлтын хөдөлгүүрт сайт индексжүүлэх хувьд маш их ач холбогдолтой юм. Энэ элемент нь бүрэн байх ёстой нь вэб хуудасны агуулга, түүнчлэн хөгжсөн сайтууд онцлогтой холбоотой юм.

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

Вэб баримт бичгийн толгой нэмэлт элементийн хэд хэдэн оруулж болно. Заримдаа Вэб хуудас хэлбэр нь тухайн кодчилолд текстийн дэлгэцийг шаардаж болно. Яаж гэдгийг вэб баримт бичиг гэсэн шалгуур хангах вэ? Маш энгийн. Ийм кирилл үсэг гэх мэт - Бичиг баримт толгой бүтцийн хувьд энэ нь тодорхой кодлох хэл ашиглах хөтчийг зөвлөдөг HTML-алгоритмыг байрлуулсан байх ёстой. тохирох тушаалуудыг META тагийн, бусдын адил, нээх, хаах нь дотор байрлуулсан байна.

Вэб хуудасны үндсэн хэсэг

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

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

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

Үндсэн HTML-хаягууд

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

Нэлээд нийтлэг хаяг П. Тэрээр ижил төстэй бусад элементүүд болох Гипербичвэр Тэмдэглэгээт Хэл шиг нээж, хааж болно. Энэ хаяг нь та тусад нь авсан баримт бичгийн догол форматлах олгодог. Та жишээ нь, тодорхой нэг фонт, түүний төлөө өнгө тохируулах болно. Фонт - Гэсэн хэдий ч, энэ нь заавал хаяг ашиглан хийж болно. Энэ тохиолдолд, энэ нь хязгаарлалтын хэлнэ нэг зүйлийн дотор байрлуулж болно - энэ нь вэб хуудасны бусад элемент нь HTML-тушаал нь харуулна илүүд үсгийн төрлийг тарааж болно.

ХҮСНЭГТ хаяг бүтээсэн ширээн дээр нь. өөрийн харгалзах шинж чанаруудын тусламжтайгаар түүний өргөн онцлог хил, хэмжээ, үсгийн хүснэгтэд текстийн өнгийг тодорхойлж багана, эгнээ шаардлагатай тоог тодорхойлж болно.

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

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

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

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

вэб хөгжүүлэлтийн хэрэгсэл онцлогоос

асар их хэмжээний - Дээрх гадна бид ямар хаягуудыг, стандарт HTML заасан шинж чанаруудыг тодруулж болно. гипертекст бичиг баримтыг форматлах HTML нэмэлт санхүүжилт гадна вэб хөгжүүлэгчдийн ашиглаж болно. Жишээ нь, JavaScript скрипт хэл ашиглан та динамик вэб хуудсыг үүсгэж болно - өөрөөр хэлбэл, эдгээр нь агуулгын байнга шинэчилж байна (аль аль нь улмаас хэрэглэгчийн үйл ажиллагаанд болон скриптүүд нь урьдчилан тогтоосон алгоритм дагуу).

, Perl, PHP, Java, Python, үүнээс өөр гипертекст баримт бичиг хамтран ажиллах ч өргөн боломж болсон Энэ нь вэб хөгжүүлэгч нь тэдний ажил бүрэн эрхт програмчлалын хэл дээр, жишээ нь, гэх мэт ашиглаж болно гэсэн нэмэх хэрэгтэй байх болно. маш их ялгаатай - Энэ хэрэгцээ Үнэндээ тэр вэб технологийн хэрэглээ өнөөдөр болж байж болох юм. Орчин үеийн хөгжүүлэгчдийг тулгарч буй үүрэг даалгавар маш төвөгтэй байж болох юм. Жишээ нь, заримдаа энэ нь вэб хуудас орчуулга, орос, англи хэл дээр бичсэн хэрэгжүүлэх шаардлагатай байна. Энэ тохиолдолд, хөгжүүлэгч хэрэгсэл хамгийн олон байх болно.