гэр » Цахилгаан хэрэгсэл

Хуудасны HTML код гэж юу вэ? HTML: Эхлэгчдэд зориулсан үндсэн ойлголт HTML нь юунд ашиглагддаг вэ?

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

Би та бүхэнд HTML гэж юу байдгийг Википедиагаас илүү ойлгомжтой, өөрийн үгээр товч тайлбарлая.

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

HTML код тайлах

HTML-ийн эдгээр дөрвөн үсэг нь Hyper Text Mark-up Language гэсэн хэд хэдэн үгийг илэрхийлдэг бөгөөд орос хэл дээр гипертекст тэмдэглэгээний хэл шиг сонсогддог.

HTML яагаад хэрэгтэй вэ?

Энэ хэл яагаад хэрэгтэй вэ? Яагаад түүнд зааж байгаа юм бэ? Яагаад өөр нэг нь болохгүй гэж? Эсвэл вэбсайтыг хялбархан үүсгэх өөр олон програм байгаа бол яагаад үүнийг сурах хэрэгтэй вэ?

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

HTML хэрхэн ашиглах талаар

Энэ хэлийг ашиглахад маш хялбар бөгөөд хүн бүрт хүртээмжтэй байдаг. Энгийн тэмдэглэлийн дэвтэрт (.txt) ч ашиглаж болно. Үүнийг ашиглахад илүү тохиромжтой болгохын тулд тусгай програмууд байдаг, жишээ нь Notepad++. Энэ хэлийг ашиглах талаар илүү дэлгэрэнгүй мэдээллийг HTML хичээлүүдэд тайлбарлах болно.

HTML хэрхэн сурах вэ

HTML сурахын тулд та энэ хэлийг ашиглахад маш их тэвчээртэй байх хэрэгтэй. Сурахад амархан, гэхдээ гол зүйл бол туршлага хуримтлуулах, дадлага хийх, хэдий чинээ их дадлага хийх тусам вэб программист илүү сайн байдаг.

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

Манай нийтлэл голчлон эхлэгчдэд зориулагдсан тул блогын байнгын уншигчид ойлгоно гэж найдаж байна!

Нийтлэлийг дараах хэсгүүдэд хуваана.

HTML хуудас гэж юу вэ

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

WWW баримт бичиг бүр нь форматтай, гоёмсог дизайнтай текст, мөн сайтын эзэмшигчийн сонгосон холбоос, зургуудтай. Эдгээр элементүүдтэй ажиллахын тулд програмистууд HTML (Hyper Text Markup Language) хэмээх хэлийг бүтээсэн бөгөөд орчуулсан нь гипертекст тэмдэглэгээний хэл юм. Хөтөч бүр HTML-г өөр өөрөөр харуулдаг тул өөр өөр хөтөч дээр, ялангуяа Internet Explorer-ийн хуучин хувилбаруудад өөр өөрөөр харагдана.

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

Мэдээжийн хэрэг, стандарт HTML код нь сул тал, сул талуудтай. Хуудас дээрх текст бүхий догол мөрүүдийг цэгцлэхийн тулд та шаргуу хичээх хэрэгтэй болно, учир нь тэмдэглэгээ болон бусад бүх зүйлийг хийхийн тулд та текстийг бүхэлд нь, мөн тус тусад нь догол мөр бүрийн хувьд тодорхой шинж чанаруудыг бүртгэх хэрэгтэй. Хэрэв таны сайт 50 хуудастай бөгөөд тус бүр нь 10-20 догол мөртэй бол текстийг форматлахад маш их хугацаа шаардагдах бөгөөд тэр болгонд ижил шошго оруулах болно. Энэ нь сайтын эзнийг ядраадаг төдийгүй сайтын хуудасны жинд сөргөөр нөлөөлдөг. Ийм учраас дараа нь каскадын загварын хуудас бий болсон бөгөөд тэдгээрийг товчоор CSS гэж нэрлэдэг бөгөөд энэ нь Cascading Style Sheets гэсэн утгатай бөгөөд тэдгээрийн ачаар та текстийг хурдан зохион бүтээх боломжтой болсон. Та нэг шошгыг оноож, текстийн өнгө, хэмжээ, фонт гэх мэт тодорхой шинж чанаруудыг өгч, дараа нь догол мөрөнд хэрэглэж болно. Энэ тохиолдолд загварын хуудас бүхий файлыг тусад нь хадгалдаг бөгөөд үүнийг нэг эсвэл хэд хэдэн сайтад нэг дор байршуулж болно. Дараа нь хуудасны үндсэн элементүүдийг HTML хэлээр бичиж, текстийг оруулаад CSS-ийг холбож, бүх текст танд хэрэгтэй дизайныг авна. Энэ нь хуудасны жинг бууруулдаг бөгөөд энэ нь маш чухал юм.

Сайт нь ижил дизайнтай олон хуудастай бол CSS ашиглахыг зөвлөж байна. Хэрэв та CSS код бүхий баримт бичигт цөөн хэдэн мөр бичвэл бүх догол мөрөнд тодорхой текст форматыг тохируулж болно. Вэбсайтыг бүтээхдээ зохион бүтээгчид нь Photoshop дээр үүсгэсэн загвар дээр үндэслэн HTML хэл дээр үндсэн байршлыг бүтээдэг. Гэхдээ үүний дараа сайт дуусаагүй мэт харагдаж байгаа тул та сэтгэл татам дүр төрхийг бий болгох хэрэгтэй бөгөөд энэ нь каскадын загварын хуудасны тусламжтайгаар хийгддэг. Хэрэв танд маш их чөлөөт цаг байгаа бол үүнийг сурахад хэцүү биш, учир нь бүх сайтуудын ерөнхий дүр төрх ойролцоогоор ижил байдаг тул та хэд хэдэн блок бүхий нэг зохион байгуулалттай байж, бусад сайтуудыг "тохируулж" болно. Дүрмээр бол каскадын загварын хуудас нь CSS-ээс хамаагүй илүү төвөгтэй байдаг тул хүснэгтээс илүү блок ашиглан сайтыг зохион байгуулах нь бүр ч хэцүү байдаг. Нэмж дурдахад, эхний үе шатанд та хөтөч дээр сайтыг өөр өөр харуулах гэх мэт асуудалтай тулгарч магадгүй юм. Цаг үрэхгүй, мөнгө олохгүйн тулд CMS-ийг бий болгосон - үнэгүй эсвэл төлбөртэй, тодорхой удирдлагын системтэй вэбсайтын бэлэн загварууд.

HTML5 гэж юу вэ. Ялгаа ба давуу тал

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

  • Сайт руу орсны дараа хүмүүс хөтөчөөр дамжуулан видео үзэх, аудио сонсох боломжтой бөгөөд үүний тулд тусдаа тоглуулах товчлуур бий болно.
  • Энэ хэлээр дамжуулан шинэ зураг байршуулах нь илүү хялбар бөгөөд та зургийн цомог үүсгэх боломжтой. Та нэмэлт программ татаж авах шаардлагагүй.
  • Та текстийн байршлыг олж, текстийн блокуудыг тэмдэглэж болно. Уншихад хялбар болгохын тулд та текстийг сайхан форматлаж болно.
  • Хэрэв өмнө нь HTML4 дээр хүн маягтыг илгээхдээ л өгөгдөл оруулсны дараа алдааг анзаарсан бол одоо хүн маягтыг буруу бөглөсөн тохиолдолд хөтөч нь алдааг шууд мэдээлдэг. Энэ нь хэрэглэгчдэд маш тохиромжтой, учир нь тэд нэг өгөгдлийн хэсгийг хэд хэдэн удаа бөглөх шаардлагагүй болно.
  • HTML5-ийн тусламжтайгаар та сайттай холбоотой аливаа санааг хэрэгжүүлэх боломжтой тул програм хангамжийн модулиудыг ашиглах шаардлагагүй. Зөвхөн сайт нь өвөрмөц бөгөөд та ямар нэг онцгой зүйл хийх шаардлагатай бол нэмэлт програм хангамжийн модулиуд суулгасан болно.
  • Өмнө нь HTML4 стандарт нь гар утасны төхөөрөмж болон бусад үйлдлийн системд зориулсан хөтчүүдэд тохирохгүй байсан тул хүмүүс таблет эсвэл ухаалаг гар утсаараа вэбсайтыг зохих ёсоор үзэх боломжгүй байсан. HTML5 хэлийг ашиглан бүх төхөөрөмжөөс өндөр хурдтайгаар унших боломжтой хуудсуудыг бүтээдэг.

    • Хэрэв танд асуулт байвал сэтгэгдэл дээр бичээрэй, бид тэдэнд хариулахад баяртай байх болно!

    Эхлэгчдэд зориулсан HTML-ийн үндсүүд, шинэхэн вэбмастер эсвэл блог хөтлөгч бүр одоо мэдэх ёстой зүйл. Хэрэв та үндсэн вэбсайтуудыг хэрхэн бүтээх, кодыг ойлгох, ард нь юу байгааг, юу хийх ёстойг мэдэхийг хүсч байвал HTML хэлний үндсийг мэдэхгүй бол үүнийг хийх боломжгүй юм. Миний блог дээр би энэ сэдвээр А-аас Я хүртэл бүхэл бүтэн гинжин нийтлэл байх болно, би баримт бичигт байгаа шошго бүр, энэ нь юу гэсэн үг, хэрхэн зөв ашиглах талаар тайлбарлах болно.

    HTML үндэс

    Хэрэв та хамгийн энгийн зүйлсийг мэдэхгүй бол таны зам хаалттай байна. Вэбсайтыг хөгжүүлж, бүтээхээр шийдсэн хүн бүр үндсэн ойлголт, сайт нь юунаас бүрддэг, хэрхэн ажилладаг, код нь өөрөө юу болдог зэргийг мэдэж, ойлгох ёстой гэдэгт би итгэдэг.

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

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

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

    Дууссан зургийг харахаас өмнө энэ бүх үйл явц эхэлдэг. Хөтөчүүд баримт бичгийг эхнээс нь дуустал дараалан боловсруулдаг. Хуудас дээр байх ёстой бүх зүйлийг багтаасан болно. Хүснэгт, зураг, скрипт гэх мэт, үүнд CSS хэв маяг багтахгүй.

    Эхлэгчдэд зориулсан үндсэн ойлголтууд

    html гэж юу вэ - хэрэв та Википедиа юу бичдэгийг харвал - (HyperText Markup Language) баримт бичгийн гипертекст тэмдэглэгээний хэл. Интернет дэх ихэнх хуудсууд энэ хэл дээрх хуудасны тэмдэглэгээг агуулдаг. Энэ хэлийг хөтчүүд тайлбарлаж, форматлагдсан текстийг таны компьютерийн дэлгэц эсвэл хөдөлгөөнт төхөөрөмж дээр харуулна.

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

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

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

    Миний блогт тавтай морил, та одоо HTML үндсүүдийн талаар хичээл авч байна. Хэрэв танд энэ нийтлэл таалагдсан бол та энэ блогт бүртгүүлж имэйл хайрцагтаа шинэ нийтлэлүүдийг хүлээн авах боломжтой.

    Евгений Несмеловын блог! вэбсайт Эхлэгчдэд зориулсан html болон css-ийн үндсэн ойлголтууд

    Аливаа html баримт бичиг ямар шошгуудаас бүрдэх вэ, үүнд юу багтдаг вэ, бүгдийг нь хаана бичих ёстой вэ?

    < html >

    < body >

    < h2 >< / h2 >

    < p >Миний блогт тавтай морилно уу, одоо HTML үндсүүдийн талаархи зааварчилгааг аваарай. Хэрэв танд энэ нийтлэл таалагдсан бол та энэ блогт бүртгүүлж имэйл хайрцагтаа шинэ нийтлэлүүдийг хүлээн авах боломжтой.< / p >

    < h2 >Евгения Несмеловын блог! Несмелов. ru Эхлэгчдэд зориулсан HTML болон CSS-ийн үндэс< / h2 >

    < / body >

    < / html >

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

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

    Ихэнх шошгуудыг хосолсон бөгөөд үүнд нээх болон хаах шошго орно. Ийм хаягуудаас гадна дан шошгууд бас байдаг. Шошго нь бусадтай хамт явж, улмаар бие биендээ үүрлэдэг. Жишээлбэл, текстийг тод, налуу үсгээр нэг дор харуулах.

    Текст

    < strong > < i >Текст< / strong > < / i >

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

    Та баримт бичигт байгаа дүрмийг дагаж мөрдөх ёстой гэдгийг дахин сануулъя. Хөтөч нь хуудсан дээр байгаа зүйл, түүний дараалал, агуулга гэх мэтийг ингэж ойлгодог.

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

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

    ҮРГЭЛЖ шошгуудыг хаа, хэрэв та үүнийг нээвэл хаахаа мартуузай. Үгүй бол алдаа гарч, таны баримт хуудсан дээр зөв харагдахгүй болно. Үл хамаарах зүйлүүд бас байдаг бөгөөд үүнийг мартаж болохгүй.

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

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

    Энэ шошгоны хэсэг бүхэлдээ баримт бичгийн техникийн бүх мэдээллийг агуулна. Өмнөх шошготой адил толгой нь төгсгөлд нээгдэж, хаагдах ёстой. Энэ мэдээлэлд хуудасны гарчиг, тайлбар, хайлтын системийн түлхүүр үг, кодчилол орно. Кодчлолын талаар бага зэрэг доор.

    Агуулга

    < head >Агуулга< / head >

    Энэ шошго нь толгойд багтсан бөгөөд толгойн шошгон дотор бичигдсэн байх ёстой. Энэ гарчгийн шошго нь заавал байх ёстой бөгөөд HTML баримт бичиг бүрт байх ёстой. Үүнээс гадна энэ нь хөтөчийн цонхны гарчиг болж харагдана. Ийм толгойн урт нь 60 тэмдэгтээс хэтрэхгүй байх ёстой. Ийм толгойн текст нь хуудасны агуулгыг тодорхойлсон хамгийн бүрэн мэдээллийг агуулсан байх ёстой.

    Хэрэв та толгой хэсэгт "Hello World" гэж бичсэн бол энэ нь хуудсан дээр харагдах ёстой мэдээлэл бөгөөд өөр зүйл байхгүй. Та хүмүүс болон хайлтын системийг хуурч мэхлэх ёсгүй, тэд үүнд дургүй, ингэснээр та өөрийгөө улам дордуулдаг. Энэ шошгонд байгаа мэдээлэл нь таны хуудасны агуулгатай холбоотой байх ёстой.

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

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

    < meta name = "robots" content = "index, follow" >

    < meta http - equiv = "refresh" content = "20" >

    < meta http - equiv = "refresh" content = "5; url=http://сайт/" >

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

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

    .base (өргөн: 100px; дэвсгэр өнгө: #000; өндөр: 150px; өнгө: #fff; )

    < style type = "text/css" >

    Үндсэн(

    өргөн: 100px;

    дэвсгэр - өнгө: #000;

    өндөр: 150px;

    өнгө: #fff;

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

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

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

    < link href = "css/style-lg.css" rel = "stylesheet" >

    < link href = "css/style-md.css" rel = "stylesheet" >

    < link href = "css/style-sm.css" rel = "stylesheet" >

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

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

    Хуудасны гарчиг h1 h2 h3

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

    Нийтлэлд ийм гарчиг байгаа нь хуудсыг сурталчлахад чухал үүрэг гүйцэтгэнэ. Нэмж дурдахад, тэдгээрийн хэрэглээ нь танд хуудасны бүтэц, түүний гарчиг, дэд гарчиг, онцлох зүйл, дэд зүйл гэх мэт тодорхой мэдээллийг өгдөг. Үргэлж хэрэглэж, амьдралдаа хэрэгжүүл. WordPress зэрэг олон CMS дээр текст бичихдээ "гарчиг 1", "гарчиг 2", "гарчиг 3" гэх мэтийг харж болно. Тэд h1, h2, h3-ийг хариуцдаг.

    Хэрэв та шинэ догол мөрөөс үндсэн текст бичвэл та тэмдэг бичнэ

    Эхэндээ, төгсгөлд нь хаа

    . Догол мөрийг html дээр тэмдэглэх нь MS Word баримт бичигт шинэ догол мөр үүсгэхтэй адил юм. Би баримт бичигт шинэ зүйл нэмээгүй. Гэхдээ энэ нь html баримт бичигт байх ёстой бүх зүйл биш юм. Өөр нэг жишээг харцгаая, тайлбар нь бага зэрэг дараа ирэх болно.

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

    Энэ текст тод байх болно, мөн энэ нь мөн налуу үсгээр бичигдсэн байдаг

    < ! DOCTYPE html >

    < html >

    < head >

    < meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" / >

    < title >HTML баримт бичиг< / title >

    < / head >

    < body >

    < p >

    < b >

    < / b >

    < / p >

    < / body >

    < / html >

    Үндсэн элементүүд Толгой ба Гарчиг

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

    Гарчиг & хуудасны агуулга

    < / html >

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

    Notepad++ засварлагч

    Кодтой ажиллахын тулд Notepad++ програмыг ашиглана уу. Энэ нь үнэ төлбөргүй бөгөөд үүнийг интернетээс олоход хэцүү биш юм. Аливаа кодыг ойлгоход маш тохиромжтой бөгөөд энэ нь нээх, хаах шошгыг хялбархан харуулдаг. Бид 40 гаруй програмчлалын хэлний синтаксийг дэмждэг. Зөвхөн html-ийн үндсийг сурахад хэрэгтэй зүйл.

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

    DOCTYPE элемент

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

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

    Html-ийн үндсүүдийн талаар товч тодорхой хэлээр: Энэ мөр нь хөтчид энэ баримт бичиг нь XHTML хувилбар 1.0, англи хэл хэрэглэгддэг бөгөөд энэ хаяг дээр бүхэл бүтэн замбараагүй байгааг хэлдэг. Дараа нь мета шошгон дээр бид ашигласан кодчиллыг зааж өгнө. Хамгийн түгээмэл хэрэглэгддэг нь Windows 1251 юм.

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

    Гарчгийн шошго нь баримт бичгийн өөрөө нэр, түүний гарчгийг агуулдаг бөгөөд үүнийг бидний хөтөч дээр харж болно. Магадгүй бүхэл баримт бичгийн хамгийн чухал шошго нь хуудсыг сурталчлахад хамгийн их нөлөө үзүүлдэг. Нэмэх, дизайн хийх тухай нийтлэлд энэ шошгыг илүү дэлгэрэнгүй тайлбарласан болно.

    Энэ хичээлээс та html-ийн үндсүүдийн талаар юу санаж байх хэрэгтэй вэ:

  • Бараг бүх шошгууд нээгдэж, хаагддаг;
  • Баримт бичиг нь шошгоноос эхэлдэг;
  • шошго байгаа эсэх;
  • шошго байгаа эсэх;
  • HTML баримт бичгийн бүтцийг тодорхой болгох.

    • Бүх үндсэн хуудсыг үргэлж индекс гэж нэрлэсэн байх ёстой. Ингэж л хүлээн зөвшөөрч, хүн бүр дассан, ямар ч файлын өргөтгөл нь html эсвэл php байж болно. Үргэлж ингэж нэрлэдэг.

    Webformyself-ээс HTML-ийн үндсүүдийн тухай видеог үзээрэй.

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

    HTML гарч ирсэнд орчин үеийн ертөнцөд Европын Цөмийн Судалгааны Зөвлөлийн нэг эрдэмтэн (Conseil Européen pour la Recherche Nucléaire, CERN) талархал илэрхийлж байна. Энэ эрдэмтний нэрийг Тимоти Жон Бернерс-Ли гэдэг. HTML-ийн анхны хувилбар нь шинжлэх ухааны баримт бичгийг форматлах зорилгоор бүтээгдсэн. Энэ нь өнгөний схем, үсгийн параметр гэх мэт тайлбарын элементгүй бүтцийн формат юм. Тиймээс HTML нь эхэндээ гарчиг, догол мөр, жагсаалт болон ижил төстэй бүтцийн элементүүдийг текстэн тодруулах боломжтой болгосон. HTML-г боловсруулах эсвэл "тоглох" үр дүн нь энэхүү дүрслэлийн параметрүүдийг агуулаагүй тул түүнийг дүрслэх техник хангамжийн техникийн шинж чанараас хамаарах ёсгүй. Цаг хугацаа өнгөрөхөд гипертекст тэмдэглэгээний хэлний энэ онцлог хэсэгчлэн алдагдсан.

    Тиймээс HTML-ийн анхны хувилбаруудын дүр төрх нь 1986 оноос эхэлсэн бөгөөд 1991 онд HTML нь мэдэгдэхүйц сайжирч, гипертекстийг World Wide Web-ээр дамжуулахад тусгайлан ашиглагдаж эхэлсэн. Дэлхийд алдартай HTML товчлол нь Hyper Text Markup Language гэсэн үг бөгөөд яг өнгөрсөн зууны 90-ээд оны эхээр гарч ирсэн гэж тэд хэлэв. Одоо тэмдэглэгээний хэлнүүдийн удамшлын талаархи богино аялал. HTML гипертекст тэмдэглэгээний хэлний анхны хувилбарыг Стандарт ерөнхий тэмдэглэгээний хэл (SGML) дээр үндэслэн бүтээсэн бөгөөд үүнийг ямар нэгэн байдлаар eXtensible Markup Language-ийн загвар гэж үзэж болно. XML стандарт нь компьютерийн технологид ашигладаг олон тооны өргөтгөлүүдийн улмаас бидний цаг үед асар их алдартай болсон. Уншигчдыг төөрөгдүүлэхийн тулд би дараа нь XML дээр үндэслэн HTML-г хуулбарласан гипертекст тэмдэглэгээний хэл XHTML (Extensible Hypertext Markup Language) боловсруулагдсан гэдгийг нэн даруй нэмж хэлье. Үүний үр дүнд бид SGML, HTML, XML, XHTML гэсэн товчилсон үгстэй болсон бөгөөд аль нь аль нь болохыг ойлгох хэрэгтэй. Үнэн хэрэгтээ бүх зүйл энгийн байдаг: SGML нь ямар ч тэмдэглэгээний хэлийг бий болгож болох дүрмийн багцаас өөр зүйл биш юм. HTML бол эдгээр хэлнүүдийн нэг болох SGML програм юм. Өөрөөр хэлбэл SGML нь тэмдэглэгээний элементүүд ямар байх ёстойг, HTML нь яг ямар элементүүд байх ёстойг мөн хөтчүүдээр хэрхэн тайлбарлахыг тодорхойлдог. XHTML нь эргээд XML програм бөгөөд XML нь өөрөө SGML-ийн хялбаршуулсан хувилбараас өөр зүйл биш юм. , гадаад төрхөөрөө маш төстэй хэдий ч тэдгээр нь ихээхэн далд ялгаатай байдаг бөгөөд энэ нь ихэнх тохиолдолд тэдгээрийг боловсруулах зарчимд оршдог.

    Одоо HTML-ийн хөгжлийн түүх рүү буцъя. Тиймээс 1994 он хүртэл HTML нь зөвхөн өгөгдлийн бүтцийн тэмдэглэгээнд ашиглагдаж байсан ч бүдүүн эсвэл налуу үсгээр текстийг тодруулах шошготой байсан. Мөн 1994 онд W3C (World Wide Web Consortium) байгууллагыг үүсгэн байгуулсан - World Wide Web Consortium нь логикийн хувьд ижил Тим Бернерс-Ли тэргүүтэй бөгөөд 1995 онд HTML 2.0 зөвлөмжийг нийтлэв. HTML-ийг бүтээгчид цаг хугацаа өнгөрөхөд тэдний оюун ухаан статик текст тэмдэглэгээний хэлээс динамик интернет нөөцийг бий болгох үндсэн хэрэгсэл болж хувирна гэдгийг аль хэдийн ойлгосон. HTML 2.0-ийн гол нэмэлт нь хэрэглэгч HTTP хүсэлтийн параметрүүдийг оруулахад ашиглагдах хэрэглэгчийн удирдлагын багц бүхий маягтын хэлний нэг хэсэг болж харагдах явдал байв.

    Хоёрдахь хувилбар гарсны дараа HTML-ийн дараагийн үеийн ажил нэн даруй эхэлсэн. 1997 онд HTML 3.2 зөвлөмж гарсан бөгөөд энэ нь тэмдэглэгээний хэлийг хүснэгт, жааз, зураг болон бусад чухал шошгуудаар баяжуулсан. Гэхдээ 3-р хувилбарын хамгийн чухал ололт нь түүний зохиогчид HTML нь зөвхөн баримт бичгийн бүтцийг тэмдэглэж, элементүүдийг харуулах график хэв маягийн параметрүүдийг шууд агуулж болохгүй гэдгийг санаж, хөтөч дээр тэмдэглэгээг дүрслэх асуудал руу дахин эргэж орсон явдал юм. хөтөч. Тэдний HTML 3.2 дээр хийсэн ажлын үр дүн нь бие даасан CSS хэл (Cascading Style Sheets) - шаталсан загварын хүснэгтүүд гарч ирсэн бөгөөд кодыг одоо HTML тэмдэглэгээний кодтой холбож, улмаар хуудасны харагдах байдлыг өөрчлөх боломжтой болсон.

    1997 онд HTML-ийн 4-р хувилбарыг гаргаснаар W3C-ийн ажилтнууд CSS гарч ирснээр хуучирсан шаардлагагүй элементүүдээс салж, бүтцийн тэмдэглэгээг үзүүлэнгийн параметржилтээс салгах санааг эвдэж чадсан юм. Гэхдээ ийм жижиг зүйлээс болж шинэ хувилбарыг хэн ч хориглохгүй. HTML 4.0-ийн зөвлөмжийн гол ололт нь хуудасны объектын загвар (Document Object Model, DOM) гарч ирсэн бөгөөд түүний элементүүдийг хөтчөөр гүйцэтгэдэг скрипт програмчлалын хэлээр дамжуулан удирдах боломжтой болсон. Хамгийн алдартай ийм програмчлалын хэл бол JavaScript юм. HTML нэмэх DOM нэмэх JavaScript нь Динамик HTML буюу энгийн DHTML-тэй тэнцэж байгаа нь вэб дизайны шинэ дэвшил болсон юм. Одоо ачаалагдсан Интернэт хуудасны элементүүд нь хэрэглэгчийн үйлдлийн хариуд гадаад төрхөө өөрчилж, шинээр нэмж, одоо байгаа элементүүдийг устгаж болно. 1999 оны 12-р сарын 24-нд гипертекст тэмдэглэгээний хэлний 4-р хувилбар болох HTML 4.01-ийн хамгийн сүүлийн хувилбар гарсан.

    HTML5 нь W3C-ийн албан ёсны зөвлөмжийн статусыг хараахан хүлээж аваагүй байгаа ч HTML зохиогчид баримт бичгийн объектын загварт дэмжлэг үзүүлэх болон JavaScript тайлбарт тавигдах шаардлагуудыг боловсруулахаар үргэлжлүүлэн ажиллаж байгаа нь тодорхой болсон. Хэдийгээр HTML5 нь хэд хэдэн шинэ шошго хүлээн авах боловч ихэнх зөвлөмжүүд нь DHTML-ийн контекст дэх хөтчийн үйл ажиллагаанд хамааралтай хэвээр байна: чирэх, буулгах функц, виртуал зураг дээр зурах чадвартай байх болно. , хайлтын түүхийг хянах, хуудсууд хооронд мессеж хуваалцах, гүйцэтгэх контекстыг хадгалах гэх мэт. HTML-ийн шинэ зөвлөмжүүдийг гаргаснаар ижил JavaScript кодыг өөр өөр хөтчүүдэд өөр өөрөөр гүйцэтгэх үед хөтчүүд хоорондын нийцтэй байдлын дутагдал аажмаар алга болно гэж найдаж байна. Эцсийн эцэст, объектын загвар болон JavaScript-тэй ажиллахад тавигдах шаардлагыг тодорхойлох хандлага үргэлжлэх бөгөөд хөтөч хөгжүүлэгчид (хэрэв тэд програм хангамжийн бүтээгдэхүүнээ ашиглахыг хүсвэл) эдгээр шаардлагыг дагаж мөрдөх шаардлагатай болно.

    HTML5-ийг 2014 онд гаргахаар төлөвлөж байна. Магадгүй тэр үед W3C нь зөвхөн JavaScript програмчлалтай холбоотой тусдаа зөвлөмжийг боловсруулж, HTML нь эцэст нь дахин баримт бичгийн бүтцэд зориулсан тэмдэглэгээний хэл болох болно. Өнөөдөр дөнгөж 2012 он байгаа хэдий ч ихэнх нь хамгийн алдартай хөтчүүдээр аль хэдийн дэмжигдсэн байдаг. Вэб дизайнерууд өмнө нь бие даан хийх ёстой байсан ихэнх зүйлийг (ижил чирж, буулгах) HTML5-ийг гаргаснаар хөтчийн түвшинд дэмжигдэх бөгөөд үйл явдлын хөгжилд баярлахаас өөр аргагүй юм. Бид энэ чиг хандлага үргэлжилнэ гэж найдаж байна.

    Интернэт бол мэдээлэл солилцох арга, хаягжилтын нэгдсэн системийн нэгдсэн стандарт гэрээ (протокол)-ын үндсэн дээр дэлхий даяар компьютерийн сүлжээг нэгтгэдэг дэлхийн сүлжээ юм.

    Өнөөдрийг хүртэл Интернет урьд өмнө хэзээ ч байгаагүй алдартай болсон. Шинжээчдийн үзэж байгаагаар интернет нь 100 сая гаруй компьютерийг холбодог. 170 гаруй орны 300 сая гаруй хүн интернетийн үйлчилгээг ашигладаг.

    Үйл ажиллагааны үүднээс авч үзвэл интернет нь:

    ü дэлхий даяарх захиалагчдын хоорондох хямд, хурдан харилцааны хэрэгсэл;

    ü мэдлэгийн аль ч салбарын талаарх хосгүй мэдээллийн сан;

    ü үйл ажиллагааны шинэ ирээдүйтэй орчин.

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

    Өнөөдөр хамгийн түгээмэл бөгөөд алдартай интернет үйлчилгээ бол WWW (World Wide Web) юм. WWW-ийн талаархи мэдээллийг гипертекст (эсвэл илүү өргөнөөр хэлбэл гипермедиа) гэж нэрлэгддэг баримт бичиг хэлбэрээр танилцуулсан бөгөөд тэдгээр нь форматлагдсан текст, график, аудио болон видео хэсгүүдийг агуулж болно. Гипертекст баримт бичгийн гол онцлог нь идэвхтэй бүсүүд байдаг. Хулганы товшилтод мэдрэмтгий байдаг. Текстийн фрагментүүд идэвхтэй байж болно, бүхэл бүтэн зураг, тэдгээрийн хэсгүүд; идэвхтэй бүс дээр дарснаар энэ бүстэй холбоотой (зорилтот) баримт бичгийг татаж авна.

    Интернэтэд материал байршуулахыг сурахын тулд та эхлээд гипертекст тэмдэглэгээний хэл HTML (H yperT ext M arkup L anguage)-тэй танилцах хэрэгтэй.

    HTML үндэс

    Гипертекст баримт бичгийн тэмдэглэгээний хэл HTML нь tags гэж нэрлэгддэг командуудын багц юм (англи хэлнээс шошго).Баримт бичгийн текстээс олдсон HTML шошго нь баримтыг харуулах үед хөтөч тайлбарладаг.

    HTML баримтуудыг үзэх нь програмуудыг ашиглан хийгддэг - хөтчүүд(Англи хэлнээс хөтөч), HTML тэмдэглэгээний дагуу баримт бичгийг харуулж, гипер холбоосын навигацийг хангадаг. Хамгийн түгээмэл хөтөч нь Microsoft корпорацийн Microsoft Internet Explorer, Netscape Communications корпорацийн Netscape Navigator юм.

    HTML баримт бичиг нь текст файл учраас үүнийг Notepad ( гэх мэт энгийн текст засварлагчаар бэлтгэж болно. Тэмдэглэлийн дэвтэр), гэхдээ энэ нь маш их хөдөлмөр шаарддаг. Ихэнхдээ тэд HTML баримт бичгүүдийг бэлтгэхэд зориулагдсан тусгай засварлагчдыг ашигладаг бөгөөд энэ нь багаж самбарын товчлуурууд эсвэл цэсийн командуудыг ашиглан шошго оруулах, харилцах цонхонд хаягийн шинж чанаруудыг тохируулах боломжийг олгодог, жишээлбэл, Macromedia Dreamweaver, Microsoft FrontPage, HomeSite гэх мэт.

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

    HTML шошгоны синтакс

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

    Шошгуудыг хоёр бүлэгт хувааж болно:

    Хосолсон шошго (мөн гэж нэрлэдэг савнууд) хоёр бүрэлдэхүүн хэсэгтэй: нээлт (анхны) ба хаалтын (эцсийн); хаалтын бүрэлдэхүүн хэсэг нь ижил нэртэй боловч бичихдээ нэрний өмнө ташуу зураас (тэмдэг / ) байна. Баримт бичгийн текст болон бусад шошгуудыг нээх, хаах бүрэлдэхүүн хэсгүүдийн хооронд байрлуулж болно. Контейнерийн тагны нээх, хаах элементүүдийн хооронд байрлах баримт бичгийн фрагментийг хөтөч нь шошгоны утгын дагуу форматлана.Жишээ нь шошгоны хооронд байрлах текстийг тодоор харуулах болно (тагийн нэр нь англи хэлнээс авсан) зоригтой). Хосолсон шошгуудыг үүрлэж болох боловч давхцаж болохгүй.

    Хослогдоогүй шошгууд (мөн гэж нэрлэдэг бие даасан) эцсийн бүрэлдэхүүн хэсэг байхгүй.Тэдгээрийг тайлбарлах үед нэг юмуу өөр объектыг харуулсан баримт бичигт оруулна. Жишээлбэл, шошго , HTML баримт бичгийн текстэнд тохиолдох нь pict.gif файлын график дүрсийг оруулахад хүргэдэг.

    Жагсаалт дахь шинж чанарууд нь бие биенээсээ нэг буюу хэд хэдэн хоосон зай, эсвэл таб тэмдэгтүүд эсвэл шинэ мөрийн тэмдэгтүүдээр тусгаарлагдсан байдаг; шинж чанаруудыг бичих дараалал нь чухал биш юм. Шинж чанаруудын дийлэнх хэсгийг хос болгон ашигладаг шинж чанарын нэр = шинж чанарын утга. Аттрибутын утга нь нэг үг эсвэл нэг тооноос илүү байвал дан эсвэл давхар хашилтанд оруулна. Шинж чанаруудыг шошгоны хаалтын бүрэлдэхүүн хэсгүүдэд заагаагүй болно.


    Шинж чанаруудтай шошгын жишээ энд байна:

    Тагийн нэр Аттрибутын нэр

    Атрибутын утга

    Аттрибутын нэр

    Атрибутын утга

    Сайн уу !

    HTML баримт бичигт ийм шошготой тулгарсны дараа хөтөч үүнийг тайлбарлаж, шошгоны дараах текстийг үндсэн хэмжээ (SIZE = + 2) болон улаан өнгөтэй (COLOR = RED) -тай харьцуулахад нэмэгдсэн тэмдэгтээр харуулна; Энэ текст форматыг хаах шошготой тулгарах хүртэл хэрэглэнэ.

    Шошго болон шинж чанарын оруулгуудын тэмдэгтүүдийн тохиолдол хамаагүй.

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

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

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

    < TITLE >Манай анхны хуудасTITLE >

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

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

    ТОЛГОЙ хэсэг

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

    Tag

    Зорилго

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

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

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

    TARGET - өгөгдмөлөөр гипер холбоосуудад ашиглагдах фрэймийн нэрийг заана. Хэрэв та баримт бичгийн бүх холбоосыг өөр хүрээнд нээхийг хүсвэл энэ нь хэрэг болно.

    < STYLE TYPE= "text /css " >

    Баримт бичигт каскадын загварын хуудас (CSS - Cascade Style Sheet) оруулахад ашигладаг. TYPE нь шаардлагатай шинж чанар бөгөөд утга нь ихэвчлэн "текст/css" байдаг.

    < МЕТА …>

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

    NAME - мета нийтлэлийн нэрийг тодорхойлно. Урьдчилан тодорхойлсон олон нэрс байдаг бөгөөд тэдгээрийн заримыг та доорх жишээнээс харж болно.

    CONTENT - NAME параметрт тодорхойлсон мета оруулгад утгыг онооно.
    BODY хэсэг

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

    Атрибутын синтакс

    Зорилго

    MARGINHEIGHT= тоо

    Баримт бичгийн дээд ба доод захын өргөнийг (пикселээр) зааж өгнө. Зөвхөн Netscape хөтөч дээр ажиллана

    TOPMARGIN= тоо

    Баримт бичгийн дээд ба доод захын өргөнийг (пикселээр) зааж өгнө. Зөвхөн Internet Explorer хөтөч дээр ажилладаг

    MARGINWIDTH= тоо

    Баримт бичгийн баруун ба зүүн захын өргөнийг (пикселээр) зааж өгнө. Зөвхөн Netscape хөтөч дээр ажиллана

    ЗҮҮН MARGIN= тоо

    Баримт бичгийн баруун ба зүүн захын өргөнийг (пикселээр) зааж өгнө. Зөвхөн Internet Explorer хөтөч дээр ажилладаг

    ҮНДЭСЛЭЛ= URL

    Арын дэвсгэрийг "дүүрэх" зургийг зааж өгнө (арын дэвсгэр зураг). Энэ утгыг зургийн үнэмлэхүй эсвэл харьцангуй хаягаар зааж өгсөн болно (Зураг байрлуулах хэсгийг үзнэ үү)

    BGCOLOR= өнгө

    Баримт бичгийн дэвсгэр өнгийг тодорхойлно.

    MicrosoftИнтернетСудлаач 16 стандарт өнгөний нэрийг дэмждэг (усан, хар, хөх, фукси, саарал, ногоон, шохой, хүрэн улаан, хөх, чидун, нил ягаан, улаан, мөнгө, цайвар, шар, цагаан)

    Өөр нэг арга бол улаан (эхний хоёр орон), ногоон (дараагийн хоёр орон), цэнхэр (сүүлийн хоёр орон) бүрэлдэхүүн хэсгүүдийн эрчмийг тодорхойлдог зургаан оронтой арван зургаан оронтой тоо хэлбэрээр өнгөт кодыг ашиглах явдал юм. Аравтын тоот хэлбэрийн бүрэлдэхүүн хэсэг бүрийн эрчим нь 00-с FF хооронд хэлбэлздэг. Тагийн атрибутын утга болгон өнгийг зааж өгөхдөө арван зургаатын тоон өмнө # тэмдэгт тавина.

    Жишээлбэл, COLOR ="#0000 FF" гэсэн оруулга нь цэнхэр гэсэн үг

    Сая сая өнгийг тодорхойлох үндсэн боломж байгаа хэдий ч хөтчүүд зөвхөн 256 өнгийг харуулдаг бөгөөд хөтөч бүр өөрийн гэсэн өнгөний палитртай байдаг гэдгийг анхаарах хэрэгтэй.Энэ палитр дээр хөтөч заасан өнгөнд хамгийн ойр өнгө сонгох болно.

    TEXT= өнгө

    Баримт бичгийн текстийн өнгийг тодорхойлно

    LINK= өнгө

    Баримт бичиг дэх гипер холбоосын өнгийг тодорхойлно

    ALINK= өнгө

    Товшсон үед гипер холбоосуудын тодруулсан өнгийг тодорхойлно.

    VLINK

    Өмнө нь үзсэн бичиг баримтын холбоосын өнгийг тодорхойлно
    Текст форматлах Тэмдэгтүүдийг форматлах

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

    Үндсэн шошго нь ... FONT> бөгөөд фонтын хэмжээ, өнгө, үсгийн хэлбэрийг өөрчилдөг нэг буюу хэд хэдэн шинж чанарт ашиглагдах ёстой:

    Атрибутын синтакс

    Зорилго

    ХЭМЖЭЭ = утга учир

    Хэмжээ нь үнэмлэхүй утга (1-ээс 7 хүртэлх тоо) эсвэл үндсэн үсгийн хэмжээтэй (+n эсвэл -n хэлбэрээр) тодорхойлогдоно.

    ӨНГӨ= өнгө

    Өнгө

    НҮҮР = үсгийн жагсаалт

    Текстийг харуулах үсгийн хэлбэрүүд; нэрсийг таслалаар тусгаарласан сонголтын дарааллаар жагсаасан, жишээлбэл FACE="Verdana, Helvetica, Arial, Sans-Serif"

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

    Нэмж дурдахад тэмдэгтүүдийн хэв маягийг өөрчлөхөд шошгуудыг ашигладаг.

    . .. (Англи хэлнээс тод) − тод фонт;

    .. . (Англи налуугаас) - налуу;

    ... (Англи хэлнээс TeleType) – monospace фонт;

    ... (англи хэлнээс доогуур зураас) - доогуур зурсан;

    ... S > (Англи хэлнээс s гурвалсан) - зураасаар зурсан;

    ... (Англи хэлнээс s ub скрипт) – дэд тэмдэг;

    ... (Англи хэлнээс sup бичвэр) нь дээд тэмдэг юм.

    Текст хаягуудын хооронд хавсаргасан

    ба (Англи хэлнээс өмнөх форматласан), бүх зай болон мөрийн завсарлагатайгаар урьдчилан форматлагдсан байдлаар харагдана.

    Догол мөрүүдийг форматлах

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

    Tag
    (Англи хэлнээс б урвал)текстийн урсгалыг эвдэж, шинэ догол мөр үүсгэхгүйгээр шинэ мөр оруулах. Олон дараалсан шошго
    хэд хэдэн хоосон мөр гэж тайлбарлагддаг.Мөр хоорондын зай нь дан.Таг нь хаах бүрэлдэхүүн хэсэггүй ба шинж чанаргүй.

    Шошго(Англи хэлнээс p араграф)догол мөрийг эхлүүлнэ; шинэ догол мөрийг өмнөхөөс давхар мөр хоорондын зайгаар тусгаарлана. Догол мөр хоосон байж болохгүй, өөрөөр хэлбэл хэд хэдэн дараалсан шошго.

    нэг гэж тайлбарладаг (шошготой харьцуулахад
    ).Хаалтын бүрэлдэхүүн хэсэг

    нэмэлт, өмнөх догол мөр нь шинийг эхлүүлсэн газар дуусдаг тул энэ шошго нь догол мөрийн зэрэгцүүлэх төрлийг зааж өгөх нэмэлт ALIGN шинж чанартай бөгөөд энэ нь ЗҮҮН, ТӨВ, БАРУУН, ЗҮҮН АЖИЛЛАГАА гэсэн утгуудыг авч, зүүн тийш зэрэгцүүлэхийг зааж өгнө. төв, баруун ба өргөн. Тагуудад хавсаргасан текстийг мөн голд нь байрлуулна.

    ...

    Хэрэв хаалтын бүрэлдэхүүн хэсэг

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

    HTML нь дугаарласан эсвэл тэмдэглэгдсэн жагсаалт хэлбэрээр форматлагдсан догол мөрүүдийг үүсгэх боломжийг танд олгоно. Жагсаалт болох текстийн фрагментийг шошгонд хавсаргасан болно:

    захиалгат (дугаарласан) жагсаалт (англи хэлнээс o тушаасанл ist)

    эрэмблэгдээгүй (сумтай) жагсаалт (Англи хэлнээс u гэж тушаавл ist)

    Дараалсан эсвэл эрэмбэлэгдээгүй жагсаалтын элемент бүрийг ... шошгонд хавсаргасан болно (Англи хэлнээс l istби tem). Текстийг харуулах үед жагсаалтын элемент бүрийг тоо эсвэл тэмдэглэгээгээр заасан шинэ мөрөнд байрлуулна. Нэмж дурдахад, жагсаалт нь шошгон дээр тодорхойлогдсон гарчигтай байж болно (Англи хэлнээс l ist h сонсогч). Хаалтын шошго шаардлагагүй.

    Дугаарласан жагсаалт

    Сумтай жагсаалт

    Кодын элемент

    < O L>

    Гарчиг

    Эхний элемент

    Хоёрдахь элемент

    Гурав дахь элемент

    < U L>

    Гарчиг

    Эхний элемент

    Хоёрдахь элемент

    Гурав дахь элемент

    U L>

    Хөтөч дэлгэц

    Гарчиг

    1. Эхний элемент

    2. Хоёрдахь элемент

    3. Гурав дахь элемент

    Гарчиг

    · Эхний элемент

    Хоёрдахь элемент

    · Гурав дахь элемент

    Олон түвшний жагсаалтыг дугаарласан болон тэмдэглэгдсэн жагсаалтыг хослуулан зохион байгуулж болно.

    Шошго нь нэмэлт шинж чанартай:

    Атрибутын синтакс

    Зорилго

    ТӨРӨЛ = формат

    Дугаарлах формат нь дараах утгатай байж болно.

    Араб тоо (өгөгдмөл)

    том үсэгнүүд

    жижиг үсэг

    том ром тоонууд

    жижиг ром тоонууд

    START = утга

    Жагсаалтын эхний тоо (өгөгдмөл 1)

    Tag нь нэмэлт шинж чанартай байдаг

    Атрибутын синтакс

    Зорилго

    ТӨРӨЛ = формат

    Токен формат нь дараах утгатай байж болно:

    Диск

    диск (өгөгдмөл)

    Тойрог

    тойрог

    Дөрвөлжин

    Дөрвөлжин

    Догол мөрүүдийг түвшний гарчиг хэлбэрээр (n = 1-ээс n = 6 хүртэл) форматлаж болно, энэ зорилгоор ... n> хэлбэрийн шошго ашигладаг. Эхний түвшний гарчиг нь хамгийн том фонтоор харагдана.

    Шошго

    , ... ,

    ЗҮҮН, БАРУУН, ТӨВ гэсэн утгатай ALIGN зэрэгцүүлэх шинж чанартай байж болно.

    Зургийн байршил

    Вэб хуудсыг үзэх үед хөтчөөс гарч буй зургуудыг gif, jpg (jpeg) эсвэл png форматтай тусдаа файлд хадгалдаг бөгөөд хуудасны кодонд хүссэн файлын холбоосыг хийдэг. Үүний тулд нэг заавал болон хэд хэдэн нэмэлт шинж чанартай хосгүй шошгыг ашигладаг.

    Шаардлагатай шинж чанар:

    SRC = url

    График файлын хаяг (харьцангуй эсвэл үнэмлэхүй)

    ALT= текст

    Зургийг ачаалахгүйгээр хөтчийн горимд харуулсан өөр текст (хашилтанд хавсаргасан байх ёстой)

    ХИЛ = утга учир

    Хилийн зузаан нь пикселээр, 0 нь хил байхгүй гэсэн үг (өгөгдмөл)

    BORDERCOLOR = өнгө

    Хүрээний өнгийг тохируулна

    ӨНДӨР = утга учир

    Зургийн өндрийг пикселээр (анхдагчаар) эсвэл хөтчийн цонхны өндрийн хувиар илэрхийлнэ

    Өргөн = утга учир

    Зургийн өргөнийг пикселээр (анхдагчаар) эсвэл хөтчийн цонхны өргөний хувиар илэрхийлнэ

    HSPACE = утга учир

    Зургийн зүүн ба баруун талд пикселээр хоосон зай

    VSPACE = утга учир

    Зургийн дээд ба доор байрлах зайг пикселээр илэрхийлнэ

    ALIGN = утга учир

    Зургийг хэвтээ байдлаар зэрэгцүүлнэ.

    Хэрэв ЗҮҮН эсвэл БАРУУН гэж тохируулсан бол зургийг хэвтээ байдлаар зэрэгцүүлэх ба эдгээр утгыг тохируулснаар текстийг зургийг тойрох болно.

    Файлд хаяглах үнэмлэхүй ба харьцангуй аргуудыг нарийвчлан авч үзье.

    Үнэмлэхүй хэлбэрээр хаяглахбусад серверүүд дээр байрлах нөөцийг ашиглах үед ашигладаг. Мэдээллийн нөөцийн байршлыг тодорхойлдог бүх нийтийн хаягийг URL (Uniform Resource Locator) гэж нэрлэдэг. URL нь хоёр хэсгээс бүрдэх бөгөөд хоёр хэсгээс бүрдэнэ. Эхний хэсэг нь сүлжээний протоколын төрлийг заадаг бөгөөд энэ нь нөөцийн төрлөөс хамаарна. Жишээлбэл, хэрэв нөөц нь WWW сервер дээр байрладаг бол энэ нь протокол юм http.Хоёр дахь хэсэгт домайн нэрийн систем дэх компьютерийн (сервер) нэр болон (шаардлагатай бол) файлын замын нэрийг оруулна. Замын нэрийг бичихдээ директорийн нэрийг файл болон директорийн нэрэнд налуу зураасаар (/ тэмдэгт) тусгаарлана. том жижиг үсгийг ялгах, зайг зөвшөөрөхгүй. URL-н жишээ энд байна:

    http://www. vshu. kirov .ru/ сайт / зураг / зураг 1. jpg

    http://195.21.123.13:8110

    ftp://everything.com/soft/prog.zip

    mailto: Энэ имэйл хаягийг спамнаас хамгаалсан. Үүнийг үзэхийн тулд та JavaScript-г идэвхжүүлэх хэрэгтэй.

    Протокол руу чиглэсэн сүүлийн URL mailtoи-мэйл хаяг нь ямар ч мэдээллийн нөөцтэй холбоогүй; Энэ бол хоёр цэгийн дараа хоёр налуу зураасыг оруулаагүй цорын ганц төрлийн URL юм.

    Зургийг үнэмлэхүй хэлбэрээр хаяглах нь вэбсайт үүсгэх үед бараг ашиглагддаггүй.

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

    SHAPE\* НЭГТЛЭХ

    Миний Сайт

    Хуудас

    Зураг

    Page1.htm

    Page2.htm

    Pict1.jpg

    Pict2.jpg

    Index.htm

    Зураг.jpg

    Энэ тохиолдолд жишээлбэл, IMG шошго бичих дараах сонголтууд боломжтой.

    ü < IMG SRC = Picture . jpg >(Зураг . jpg дүрс нь Index . htm хуудсанд байрладаг)

    ü < IMG SRC = Images / Pict 1. jpg >(зураг 1-р зураг. jpg нь Index хуудсанд байрлана. htm)

    ü < IMG SRC =../ Picture . jpg >(Зураг . jpg зураг 1-р хуудсанд байрлана. htm )

    ü < IMG SRC =../ Images / Pict 1. jpg >(Зураг 1-р зураг. jpg нь Хуудас 1. htm дээр байрладаг)

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

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

    Гипер холбоосууд

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

    Текстийн холбоосууд

    HTML баримтууд болон баримт бичгийн хэсгүүдийн хоорондын холболтыг шошго ашиглан зохион байгуулдаг ...(Англи хэлнээс а зангуу - зангуу).

    Энэ шошгыг өөр баримт бичигт холбоос үүсгэх болон баримт бичгийн фрагментийг холбоход ашигладаг.

    Шаардлагатай шинж чанар:

    HREF = url

    Зорилтот баримт бичгийн хаяг (үнэмлэхүй болон харьцангуй хэлбэрээр танилцуулж болно)

    Үндсэн нэмэлт шинж чанарууд:

    NAME=" Нэр"

    Хоёрын хоорондохыг тэмдэглэнэ< A >болон A > баримт бичгийн фрагментийг холбоосын объект гэж үзнэ. Утга болгон та энэ баримт бичигт хамаарах аливаа индекс үгийг латинаар бичих хэрэгтэй. Жишээлбэл, Section1 шошго нь 1-р хэсэг рүү очих шошго (хавчуурга) үүсгэдэг. Энэ тохиолдолд та баримт бичгийн нэрний ард нэрийг нь (өмнө # тэмдэгт) зааж өгснөөр тэмдэглэгдсэн хэсэг рүү хандаж болно.

    Тэгэхээр,< A HREF =" Index . html # part 1">1-р хэсэг A > нь таныг Индекс файлын "1-р хэсэг" хэсэгт аваачна. html болон
    < A HREF ="# part 2">Баримт бичигт харгалзах шошготой бол одоогийн баримт бичгийн 2-р хэсэг A > - "2-р хэсэг" рүү

    TARGET = " нэр"

    Зорилтот баримт бичгийг харуулах хүрээ (хүрээ) эсвэл цонхны нэр.

    Энэ шинж чанарыг зөвхөн HREF параметртэй хамт ашигладаг. Утга нь одоо байгаа фреймүүдийн аль нэгнийх нь нэр эсвэл дараах нөөцлөгдсөн нэрнүүдийн аль нэг нь байх ёстой.

    _self - HREF параметрт заасан баримт бичгийг одоогийн фрейм дээр харуулах ёстойг заана;
    _parent - баримт бичгийг одоогийн фреймийн эх хүрээнд харуулах ёстойг заана (хөтчийн цонхыг бүхэлд нь эзэлнэ);

    _blank - баримт бичгийг шинэ цонхонд харуулахыг зааж өгнө

    TITLE= " текст!}"

    Гиперлинк дээр хулганаа аваачихад зааварчилгааг харуулна

    Шошгонуудын хооронд байрлуулсан текст болон зургууд нь хулганаар дарахад мэдрэмтгий, баримт бичгийн идэвхтэй хэсэг болж, зорилтот баримт бичгийг ачаалахад хүргэдэг. Гипер холбоосын текстийг доогуур зураасаар тодруулж, шошгоны LINK, A LINK, V LINK шинж чанаруудын утга (эсвэл өгөгдмөл өнгө) гэж заасан өнгөөр ​​тодруулна.

    Гипер холбоос-зураг

    Зургийг бүхэлд нь холбоос болгохын тулд та шошгыг ашиглаж болно ...., зөвхөн текстийн оронд (эсвэл тексттэй хамт) хооронд< A >болон A > шошго байрладаг< IMG …>холбогдох бүх шинж чанаруудтай.

    Жишээлбэл , .

    Гипер холбоосын газрын зураг

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

    Контейнер тагийн хувьд шаардлагатай цорын ганц атрибут нь NAME бөгөөд түүний утга нь нэр байх болно (жишээлбэл, NAME=" mymap " , энэ нь IMG тагны USEMAP атрибутыг тайлбарлахдаа ашиглах ёстой. газрын зураг (# - USEMAP="#mymap"-тай)

    Контейнер дотор зургийн хулганад мэдрэмтгий хэсэг бүр дараах шинж чанаруудтай шошготой байх ёстой.

    Атрибутын синтакс

    Зорилго

    COORDS= жагсаалт

    Идэвхтэй бүсийн координатын жагсаалтыг таслалаар тусгаарласан (өгөгдсөн бүсийн хэлбэрийн төрлөөс хамаарч)

    HREF = url

    SHAPE = хэлбэр

    Цөмийн хэлбэрийг тодорхойлдог. Энэ шинж чанарын боломжит утгууд:

    тойрог(тойрог - төвийн координат ба радиусыг пикселээр тодорхойлно);

    шулуун(тэгш өнцөгт - зүүн дээд ба баруун доод булангийн координатаар тодорхойлогддог);

    поли(олон өнцөгт - түүний оройн координатаар тодорхойлогддог)

    Бүх тохиолдолд координатыг зургийн зүүн дээд булангаас пикселээр хэмжиж, X тэнхлэгийг баруун тийш, Y тэнхлэгийг доош чиглүүлдэг.

    NOREF

    Заримдаа тухайн бүс (SHAPE атрибут болон COORDS координатаар тодорхойлогддог) идэвхгүй, хулгана товшиход хариу үйлдэл үзүүлэхгүй байхыг зааж өгөх шаардлагатай байдаг.
    Хүснэгтүүд

    HTML баримт бичигт байгаа хүснэгтүүд нь хүрээтэй нүднүүдэд өгөгдлийг цэгцлэхийн тулд бус харин текст болон зургийн хэсгүүдийг бие биентэйгээ харьцуулах зорилгоор ашигладаг.

    HTML хэл дээрх хүснэгтүүд нь мөр мөрөөр бүтээгдсэн байдаг. Бүх хүснэгтийн өгөгдлийг шошгонд хавсаргасан болно

    ; мөр (мөр) бүрийн тайлбарыг шошгонд оруулсан болно ...; нүд бүрийн агуулгыг ... (энгийн нүд) эсвэл ... H> (толгой) шошгонд агуулагдана.

    Тиймээс, жишээлбэл, тус бүр нь хоёр нүд агуулсан хоёр эгнээний хүснэгтийг дүрслэхийн тулд та дараах бүтцийг бий болгох хэрэгтэй болно.

    Хүснэгтийн нүднүүд нь текст, зураг, үүрлэсэн хүснэгт гэх мэтийг агуулж болно. Хүснэгтийн нүднүүдийг хоосон орхиж болохгүй; Хэрэв аль нэг нүд хоосон байвал дотор нь тасрахгүй зай байрлуул.

    Хүснэгтийн нүдэнд байрлуулсан текстийг хөтөч автоматаар анхдагчаар байрлуулна; текстийг үгээр нь харуулах; Нүдний баруун хязгаарт хүрэхэд дараагийн үгийг шинэ мөрөнд шилжүүлнэ.

    Хүснэгтийн нүднүүд олон мөр эсвэл баганатай байж болно; ийм нүднүүдийг тайлбарлахдаа ROWSPAN (энэ атрибутыг агуулсан нүдийг заасан мөрийн тоогоор "сунгасан" нүд) ба COLSPAN (нүдийг хэд хэдэн баганаар "сунгасан") шинж чанаруудыг ашиглана. ашигласан. Нэгтгэсэн нүднүүдийн хүснэгтийг зохион байгуулах жишээ энд байна.

    < TR >

    < TD ROWSPAN=2>1-1 TD >

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

    Тагийн шинж чанарууд нь хүснэгтийн параметрүүдийг бүхэлд нь тодорхойлдог.

    Атрибутын синтакс

    Зорилго

    ALIGN = утга

    Текстийн урсгалтай уялдуулах; боломжит утгууд нь зүүн, баруун, төв юм

    ҮНДЭСЛЭЛ = url

    Бүх хүснэгтийн дэвсгэр зураг

    BGCOLOR= өнгө

    Дэвсгэр өнгө

    BORDERCOLOR = өнгө

    Хилийн өнгө

    BORDERCOLORDARK = өнгө

    Үндсэн хүрээний баруун ба доод ирмэг, нүд бүрийн зүүн ба дээд ирмэгийг заасан өнгөөр ​​будна

    BORDERCOLORLIGHT = өнгө

    Үндсэн хүрээний зүүн ба дээд ирмэгийг, үүний дагуу нүд бүрийн баруун ба доод ирмэгийг заасан өнгөөр ​​будна.

    ЗОРИУЛАЛТ = утга

    Нүдний хүрээнээс контент хүртэлх зайг пикселээр илэрхийлнэ

    CELLSPACING = утга

    Нүдний хоорондох зайг пикселээр илэрхийлнэ

    HSPACE = утга учир

    Хүснэгтийн зүүн ба баруун талд пикселээр хоосон зай

    VSPACE = утга учир

    Хүснэгтийн дээд ба доор байрлах зайг пикселээр илэрхийлнэ

    Өргөн = утга учир

    Хүснэгтийн өргөн (пикселээр эсвэл одоогийн хөтөчийн цонхны өргөний хувиар тохируулсан)

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

    ҮНДЭСЛЭЛ = url

    Өгөгдсөн хүснэгтийн мөрний нүднүүдийн дэвсгэр зураг

    BGCOLOR= өнгө

    Энэ эгнээний нүднүүдийн дэвсгэр өнгө

    ХИЛ = утга учир

    Энэ эгнээний нүднүүдийг тойрсон хүрээний зузаан; BORDER=0 нь үл үзэгдэх хүрээг илтгэнэ.

    VALIGN = утга учир

    Нүдний агуулгын босоо байрлал; боломжит утгууд нь дээд, төв, доод хэсэг юм

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

    Атрибутын синтакс

    Зорилго

    ALIGN = утга учир

    Нүдний агуулгыг зэрэгцүүлэх; боломжит утгууд нь зүүн, баруун, төв юм

    ҮНДЭСЛЭЛ = ur л

    Хүснэгтийн нүдэнд зориулсан дэвсгэр зураг

    BGCOLOR= өнгө

    Нүдний дэвсгэр өнгө

    ХИЛ = утга учир

    Эсийг тойрсон хүрээний зузаан

    VALIGN = утга учир

    Нүдний агуулгын босоо байрлал; боломжит утгууд нь дээд, төв, доод хэсэг юм

    Өргөн = утга учир

    Нүдний өргөнийг пикселээр эсвэл хүснэгтийн өргөний хувиар илэрхийлнэ

    ROWSPAN= утга учир

    Нүдэнд хамрагдсан мөрүүдийн тоог заана

    COLSPAN = утга учир

    Нүдэнд хамрагдсан баганын тоог заана

    Хүснэгттэй ажиллахдаа WIDTH атрибутын заасан утгыг ихэнх тохиолдолд зөвхөн хөтөч "тэмдэглэсэн" гэдгийг санаарай. Өгөгдсөн пропорцийг яг таг баримтлах нь ховор бөгөөд хөтөч нь хүснэгтийг аль болох сайн харуулахыг хичээдэг (ойлгосноор).

    Тикер

    Вэб хуудсан дээр тэмдэглэгээг ашиглах нь үүнийг илүү динамик болгож, объектыг хөдөлгөх эффектийг бий болгох боломжийг олгодог. Таг ашиглан тикер үүсгэх< MARQUEE >... MARQUEE >.

    хооронд< MARQUEE >болон MARQUEE > текстийн хэсгүүд болон зургуудыг байрлуулж болно. Текстийг зохих шошго ашиглан форматлаж, графикийг ашиглан оруулж болно.

    Атрибутын синтакс

    Зорилго

    BGCOLOR= өнгө

    Дэвсгэр өнгө. Хэрэв дэвсгэрийг зааж өгсөн бол хөтөч нь дэлгэцэн дээр өнгөт зураас зурж, текст эсвэл зураг хөдөлдөг.

    ӨНДӨР = утга учир

    Арын дэвсгэрийн өндөр. Утгыг пикселээр эсвэл хөтчийн цонхны өндрийн хувиар тодорхойлно.

    Жишээлбэл, хэрэв та HEIGHT=25% гэсэн атрибутыг зааж өгвөл тэмдэгт мөр нь цонхны өндрийн дөрөвний нэгийг эзэлнэ.

    Өргөн = утга учир

    Барын өргөнийг пикселээр эсвэл хөтчийн цонхны өргөний хувиар илэрхийлнэ.

    DIRECTION= утга учир

    Шугамын хөдөлгөөний чиглэл: зүүн - зүүн (анхдагч), баруун - баруун, дээш - дээш, доош - доош

    ЗАН = утга учир

    Атрибут нь тэмдэгтийн үйлдлийг хянадаг:

    гүйлгэх (анхдагч) - цонхны ирмэг дээр хүрч, шугам харагдахгүй болж, эсрэг талд гарч ирнэ;

    слайд - цонхны ирмэгээс шугам гарч, эсрэг талд нь хүрч, зогсох;

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

    HSPACE = пикселийн офсет

    Барааг хэвтээ байдлаар баруун тийш шилжүүлнэ

    VSPACE = Та co tпикселээр a

    Туузны дээгүүр ба доор хоосон зай үүсгэх

    LOOP = утга учир

    Дэлгэц дээрх шугамын шилжилтийн тоо

    SCROOLAMOUNT = утга учир

    Алхам бүрт шугамын өнгөрч буй пикселийн тоо. Өгөгдмөл горим нь ойролцоогоор 10 пиксел / алхам юм. Энэ шинж чанар нь шугамын хөдөлгөөний хурдыг тохируулах боломжийг танд олгоно

    SCROLLDELAY = утга учир

    Алхам хоорондын хугацааны интервалыг (миллисекундээр) тодорхойлдог бөгөөд энэ шинж чанарыг ашиглан та шугамыг огцом хөдөлгөж болно.

    ҮНЭХЭЭР

    Энэ тугийг (утгагүй атрибут) тохируулах үед заасан SCROLLDELAY утгыг ашиглана. Хэрэв тугийг тохируулаагүй бол утга нь SCROLLDELAY болно