Нь HTML хуудасны жишээ болон үндсэн зарчим

Олон хэл зохион бүтээсэн боловч HTML хэлний хамгийн онцгой болон vosstrebovan нэг юм. Энэ програм нь бусад гол санаачилга маш их орно оноос хойш. HyperText Markup Language (HTML) - Ихэнх тохиолдолд тэмдэглэгээний хэл хөгжүүлэгч өнөөгийн мэдлэг оюун санаанд, энд байрлагдсан болно.

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

ерөнхий тодорхойлолт

HTML файл - нь нэг хуудас сайт, энэ маргаантай байдаг ч, харин нэг хуудсанд нэг файл, юу юм бол энэ нь тодорхой юм эхлэх юм.

HTML файл заасан эхлэхдээ энгийн DOCTYPE толгой эхэлдэг файлын төрөл гэсэн - HTML. Бүх хуудас элемент (хаягууд) өнцөг хаалтанд дотор заасан байна. хос бүр нь ( "<" болон ">") нэг хаяг HTML орно. Ихэвчлэн HTML тэмдэглэгээнүүд, бүр «тагийн» нь, өөрөөр хэлбэл хосолсон «/ шошго» байх юм. Аль аль нь өнцөг хаалтан байна. шилжилтийн дараагийн шугаманд - нэг хаяг, үүнээс хамгийн алдартай «BR /» байна.

Дарга, биеийн: зөвхөн хоёр хаяг орно энэ нь HTML би, - файлд хамгийн том хаяг. Эхний тохиолдолд, өөр өөр тодорхойлолт бусад холбогдох хуудсанд файлд холбоос одоогийн PHP болон JavaScript скриптүүд нь байж болох шинж тэмдэг юм. Хоёр дахь хуудсанд бичигдсэн агуулга байна. Мөн хаягууд болон скриптүүд хэлбэрээр.

Энгийн HTML хуудас

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

HEAD хэсэг

гол зорилго нь HEAD хаяг - хуудасны ерөнхий скриптүүдийн ерөнхий тодорхойлолт, сүүлийн хэдий ч - зүгээр л харьцангуй ойлголт. Ер нь зөвхөн хоёр зүйлийг их ач холбогдолтой байдаг холбогдол:

• түлхүүр үг болон хуудасны тодорхойлолт;
• бусад файлууд холбоос (* .css болон .js *).

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

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

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

LINK болон скрипт холбоосууд дээр онцгой анхаарал хандуулах ёстой. JavaScript-код нь файлын байрлал - Эхнийх нь CSS загварчлах файл, хоёр дахь байгаа газар хамаарна. Ийм холбоосууд тохируулж болно.

та нарыг улам хүчирхэгжүүлэх болно скриптүүд нь HTML мэдлэг гэж үзнэ ашиглаж байгаа бол, та Cascading Style Sheets дээр нэн даруй анхаарал хандуулах ёстой. CSS файлууд, ялангуяа HTML хаягууд бүртгэлийн дүрэм байдаг.

хэсэг БАЙГУУЛЛАГА

Ер нь, дээж хуудас HTML - Энэ BODY хэсэг юм. Энэ нь бүх мэдээлэл, агуулга хуудасны бүх агуулж байгаа гэдгийг энд байна. Бүх мэдээлэл ийм JavaScript-код, эсвэл PHP-хөтөлбөрийн ширхэг оруулах гэх мэт хаягууд болон скриптүүд, хэлбэрээр танилцуулсан байна.

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

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

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

Энгийн жишээ код нь HTML-хуудасны (зөвхөн BODY хэсэг) доор үзүүлэв.

доор үзүүлсэн шиг нь зочны хөтөч нь харагдаж байна.

хуульд заасан байсан юм хөтчийг авчирсан элемент нь иймэрхүү харагдах ёстой. Бүх дизайн CSS дүрмийг нь харагдаж байна. Энэ тохиолдолд, Mcss / scPhpWordRW.css файл иш татсан байна (. үзнэ үү хуудас HTML хамгийн эхний жишээ).

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

Энэ хаяг нь scLogo_vDoc хэрхэн хялбар тайлбарласан байгааг харуулж байна, энэ тодорхойлолт тагийн хэвийн байдалд зураг vDoc-logo.png харуулна гэсэн юм, хулгана дээгүүр байх үед - vDoc-лого-H.png харагдана.

HTML тодорхойлолт бүтэц

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

( "<» + TagName + ">») зөв нэр (tagName) болон өнцөг хаалтад бүрдсэн тохиолдолд нэр, хаяг хос, бид тагийн эхнээс болон тухай ярьж байгаа бол «», дуу бичлэг хийх бол түүний төгсгөл.

HTML хуудасны доор текст байрлах шинж чанаруудыг тайлбарлаж жишээ.

хаяг шинж чанаруудыг байж болно, дараа нь тэд орон зай дамжуулан хаяг нэрээр хаалтын өнцөг хаалт өмнө ">" тавьж байна. Тэд хаяг нь зөвхөн эхэнд бичсэн байдаг бол, Аттрибутууд:. тагийн агуулга эхлэх тагийн, энэ оны эцэс хооронд орших нь юм.

Нийт HTML агуулга тодорхойлолт

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

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

энгийн элементийн гадна HTML ширээ, хэлбэрийг тодорхойлоход санал болгож байна. Эдгээр элементүүд нь эрэлт хэрэгцээ маш их байна "өдөр тутмын сайт барилга."

хүснэгт Тодорхойлолт: хаягууд ширээ, TR, TD

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

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

энгийн хүснэгтийн тайлбар бүхий Жишээ нь HTML хуудас графикаар зүйлд үзүүлсэн.

багана толгой - Энд эхний эгнээнд тагийн TH оронд TD тагийн хэрэглэж байсан гурван багана гэхэд гурван эгнээ хэмжээг харуулсан хүснэгт байдаг. Ялангуяа энэ хоёр хаягууд байхгүй бол ялгаж, гэхдээ энэ нь хүснэгтийн эхний эгнээнд хооронд нь ялгахад анх удаа ашиглах боломжтой юм,-р нь CSS, та өөрийн стиль, бусад TD үүнийг ялгаж хавсаргаж болно.

Тодорхойлолт хэлбэр: FORM хаяг, INPUT

Маягт - энэ HTML-хаягууд хамгийн эрэлттэй хэсэг юм. хэлбэр ашиглан мэдээлэл дамжуулдаг болно. Үнэндээ хуудас - Энэ дэлгэцийн мэдээлэл, харин хэлбэр - оролт.

энгийн хэлбэр тайлбар бүхий Жишээ нь HTML хуудас:

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

HTML-г ашиглах

гипертекст хэл мэдэх нь - Интернэт програмчлалын чиглэлээр ямар ч ажил мэргэжлийн хувьд чухал нөхцөл, гэхдээ та PHP, эсвэл JavaScript-д програм бичих гэж байгаа бол, дараа нь мэдэж HTML + CSS төгс байх хэрэгтэй.

PHP хэлний Өмнөх жишээнд тодорхойлсон байна. Энэ хэлбэр нь хуудас дүүрэн талбар нь браузер серверээс нисч, учир нь PHP сервер дээр ажилладаг. Тухайлбал, хаяг оролт (onblur үйл явдал хариуцагчийн) -д дурдсан TestOnBlur чиг үүрэг, текст талбар хэлбэрээр бүх үзүүлэлтүүдийг хүлээн авч уулзлаа.

вэб хөтчийн JavaScript ажилладаг бөгөөд өгөгдлийг буцаан сервер рүү товчийг илгээх зохих ёсоор ажиллаж байсан, өөрөөр хэлбэл, зураг төсөл :. Onclick = jQuery ( "нь # ') Val (' тэрэг '), шаардлагатай мэдэх нь зөвхөн ямар jQuery тухай, харин ямар #to, Val, тэрэг. Тодруулж хэлбэл, энэ нь үндсэн HTML хаягууд болон CSS загварыг тэдэнд хэрэглэх ерөнхий дүрэм журмыг мэдэж байх шаардлагатай байдаг.

Энэ нь хурдан интернэт програмчлалын чиглэлээр ямар ч мэргэжлийн чадварыг дээшлүүлэх хангалттай юм.