Комьпютер

Веб хийх анхдагч технологи

Интернет

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

Интернетийн түүх 1960-аад оны сүүл үеэс эхтэй. 1968 онд АНУ-д цэрэг, батлан хамгаалахын зориулалтаар компьютеруудыг өөр хооронд нь холбож сүлжээний зохион байгуулалтанд оруулах ARPANET төсөл хэрэгжиж эхлэсэн нь бидний мэдэх интернетийн үүсэл гэж үздэг байна.

WWW буюу Веб

Интернетийн сүлжээнд холбогдсон үй олон компьютерууд дээр агуулагдах, мөн өөр хоорондоо холбогдсон асар их мэдээллийн сүлжээг WWW (World Wide Web) буюу Веб гэдэг. Веб нь өнөөдөр хамгийн өргөн хэрэглэгддэг мэдээллийн сүлжээ бөгөөд түүний ачаар хүмүүс хүссэн мэдээллээ дэлхийн өнцөг булангаас хүлээн авах, түүнчлэн түгээх боломжийг олж авсан. Интернетэд холбогдож буй хүн бүр энэхүү мэдээллийн сүлжээний нэг хэсэг болох учраас тохирох програм хангамжийн тусламжтайгаар мэдээллийг зөвхөн хүлээн авагч биш мөн түгээгч нь болж чадна. Энэ утгаар нь WWW-г бид интернетийн тусламжтайгаар хэрэгждэг нэгэн төрлийн үйлчилгээ гэж ойлгож болно.

Вебийн түүх 1980-аад оны сүүл үеэс эхлэлтэй. 1989 онд Европийн Цөмийн Физикийн Судалгааны Төвд (CERN) дэлхийгээр нэг тархсан судлаач эрдэмтдийг компьютерын сүлжээний тусламжтайгаар өөр хооронд нь холбож, санаа оноогоо солилцож байх боломжийг олгох "WWW” төсөл хэрэгжиж эхлэсэн нь бидний мэдэх вебийн үүсэл юм.

WWW-г интернетэд байрлах асар том "номын сан”-тай зүйрлэж болно. "Номын сан” нь үй олон "ном”-оос тогтоно. Ийм "ном”-ыг веб сайт (web site) гэнэ. Веб сайт нь өөрөө хуудсуудаас тогтоно. Ийм хуудсыг веб хуудас (web page) гэнэ.

Веб хуудсууд өөр хоорондоо холбоотой байна. Ийм холбоог гипер холбоос (hyperlink) гэдэг. Гипер холбоос нь веб хуудасны аль нэг хэсэгт байрлана. Гипер холбоос гэдэг нь үнэн хэрэгтээ өөр нэг веб хуудсын (сайтын) хаягийг заасан бичиглэл юм. Энэ хаягийг URL-хаяг (Uniform Resource Locator) гэнэ. URL-хаяг нь WWW-д орших веб хуудсын (сайтын) байрлалыг тодорхойлдог. Мэдээж хаяг гэсэн утгаараа энэ нь дахин давтагдахгүй, цорын ганц байна.

Хэрэв веб хуудасны гипер холбоос агуулсан тэр хэсэг нь текст байвал түүнийг гипертекст (hypertext) гэнэ. Харин дуу, зураг, хөдөлгөөнт дүрс г.м. байвал гипермедиа (hypermedia) хэмээн нэрийднэ. Хэрэглэгч гипертекстэн (гипермедиа) дээр хулганы курсорыг аваачиж дарахад харгалзах гипер холбоос идэвхжиж, өгөгдсөн URL-хаяг бүхий веб хуудас дуудагдан гарч ирдэг. Ингэж хэрэглэгч WWW-гээр (нэг веб хуудсаас нөгөө хуудас руу, нэг веб сайтаас нөгөө сайт руу) аялах боломжтой болдог байна. Схемчилж үзүүлвээс:

Хэрэглэгч эхлээд 1-р хуудсыг үзэж байна. Дараа нь гипер холбоосоор 2-р хуудас руу, эсвэл 3-р хуудас руу, эсвэл 4-лүү шилжиж болно. Ө.х. нэг веб хуудсанд нэгээс олон гипер холбоос байж болно.

WWW-д байрлах веб хуудасны URL-хаягийн жишээ:

http://www.baikhguisite.com/index.html

Энэ хаяг хэд хэдэн хэсгээс бүтэж байгаа:

1. index.html – веб хуудасны нэр

2. www.baikhguisite.com – веб хуудсыг агуулах веб сайтын домен нэр

3. http – протокол

Веб хуудас хийх

Вэб хуудсыг HTML хэлний тусламжтайгаар хийдэг. HTML гэдэг нь Hyper Text Markup Language (Гипер Текстийн Хэл) гэсэн англи үгний товчилсон хэлбэр юм. HTML-ийг Basic, Pascal, С г.м. програмчлалын хэлтэй адилтгаж бодож болохгүй. HTML нь компьютерийн хэл биш, энэ нь хялбар энгийн бичиглэлийн нэг хэлбэр юм.

Веб хуудас гэдэг нь HTML хэлээр бичсэн текст бүхий файл юм. Ийм файлыг HTML-файл гэдэг. Дотор нь агуулагдах текстийг HTML-код гэдэг.

Веб хуудас хийх, ө.х. HTML-код бичихийн тулд танд 2 төрлийн програм хангамж хэрэгтэй болно.

1. Юуны өмнө HTML-код бичиж, HTML-файлыг үүсгэх програм хэрэгтэй. Ийм програмыг HTML-эдитор гэдэг.

2. HTML-файлыг веб хуудас хэлбэрээр нь харуулдаг програм хэрэгтэй. Ийм програмыг веб браузер (web browser) буюу веб үзүүлэгч гэдэг. Windows үйлдлийн системд Internet Explorer хэмээх стандарт браузер байдаг. Түүнчлэн Mozilla FireFox, Netscape Navigator, Opera зэрэг веб браузерууд бий.

HTML-эдиторын тухай

HTML-эдитор буюу веб хуудас хийдэг програм хангамжийг 3 ангилж болно.

1. Текст эдитор ашиглан HTML-кодыг гараараа бичих

HTML-файл нь .htm буюу .html гэсэн өргөтөлтэй ердийн текст (ascii юмуу unicode форматын) файл байдаг. Тиймээс Notepad, Wordpad г.м. стандарт програмуудаар HTML-файлыг нээхэд HTML-код нь харагдах болно. Таагээд та засвараа хийж болно.

Мөн HTML-код бичиж, засварладаг HotDog, PageMill, CuteHTML зэрэг тусгай програмууд байдаг.

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

2. Веб дизайны програм хангамж ашиглах

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

Цаг хэмнэх, бас хөдөлмөрөө хөнгөвчлөхийн үүднээс ихэнх веб дизайнерууд өнөөдөр ийм эдиторыг ашигладаг. Ийм төрлийн эдиторын жишээ бол Macromedia Dreamweaver, MS Frontpage зэрэг програмууд юм.

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

HTML хэлний команд

HTML хэл нь өөрийн гэсэн командуудтай. Ийм командыг тааг (tag) гэнэ. Эдгээр таагүүдийг ашиглан HTML-кодыг бичдэг. Таагийг томоор, жижгээр бичих нь ялгаагүй.

Ихэнх тааг:

<тааг атрибут=”утга”>

...

</тааг>

гэсэн загвараар бичигддэг. Ийм таагийг битүү тааг гэнэ. Энд <тааг> - таагийн эхлэл, </тааг> - таагийн төгсгөл. Энэ эхлэл, төгсгөлийнхөө хооронд тааг үйлчилнэ.

Харин зарим тааг дангаараа бичигддэг:

<тааг атрибут=”утга” >

эсвэл:

<тааг атрибут=”утга”/>

Ийм таагийг задгай тааг гэнэ. Таагийн үйлчлэл түүний араас дараагийн тааг хүртэл байна.

Атрибут (attribute) гэдэг нь таагийг удирдах тохируулга юм. Ийм удирдах тохируулгын тусламжтайгаар тухайн таагийн төлөөлж буй үйлдлийг удирдана, ө.х. ямар шинж чанартай байхыг нь тодорхойлно. Ихэнх тааг өөрийн гэсэн атрибутуудтай байдаг. Бас атрибутгүй тааг ч бий.

HTML-файлын ерөнхий бүтэц

Аливаа html-файл <html> гэсэн таагээр эхлэж, </html> гэсэн таагээр төгссөн байх ёстой байдаг:

<html>

...

</html>

Энэ битүү таагийн дотор веб хуудасны бүх html-кодыг бичнэ.

Веб хуудасны html-кодыг:

· толгой хэсэг

· их бие

гэж хоёр салган авч үзнэ.

Толгой хэсэг нь <head> гэсэн битүү таагээр илэрхийлэгдэнэ:

<head>

...

</head>

Энд, веб хуудасны талаарх мэдээлэл тухайлбал хуудасны гарчиг, ашиглаж буй тэмдэгтийн хүснэгт (charset) г.м.-ийг зааж өгдөг. Ж.нь хуудсандаа гарчиг өгье гэвэл <title> гэсэн битүү таагийг ашиглан:

<head>

<title>

Хуудасны гарчиг

</title>

</head>

гэж бичнэ. Толгой хэсэг заавал байх албагүй байдаг.

Харин их бие заавал байх ёстой. Их бие нь <body> битүү таагаар тодорхойлогдоно:

<body>

...

</body>

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

Веб хуудасны дэвсгэр өнгийг онцгойлон зааж өгөөгүй бол цагаан өнгөтэй байдаг. Харин текстийн өнгө хар байдаг. Хуудасны дэвсгэр өнгийг өөрчилье гэвэл <body> таагийн bgcolor гэсэн аттрибутад хүссэн өнгөнийхөө утгыг зааж өгөх хэрэгтэй:

Веб хуудасны текстийн өнгийг өөрчилье гэвэл <body> таагийн text гэсэн аттрибутад хүссэн өнгөнийхөө утгыг зааж өгөх хэрэгтэй:

HTML хэлэнд өнгөний утга RGB (Red-Green-Blue) гэсэн үндсэн гурван өнгийн комбинацаар тодорхойлогддог. Үндсэн өнгө бүр 00-FF хүртэлх 16-тын тоогоор илэрхийлэгдэнэ. Тухайлбал #000000 бол хар өнгө. Эсрэгээр #FFFFFF бол цагаан өнгө. Бусад өнгө энэ хоёр өнгийн завсарт байрлана. Ж.нь <body bgcolor=”#A0B0CC”>. Хэрэв 16-тын тоотой ажиллахад хүндрэлтэй байгаа бол өөрийн хүссэн өнгөний кодыг гарган авахын тулд Windows системийн стандарт зургийн програм Paint-ыг ашиглан өнгөний 16-тын кодыг тодорхойлж болно.

Монголоор бичих

Веб хуудасны текст мэдээллийг монголоор бичих тохиолдолд зарим нэг зүйлийг анхаарах хэрэгтэй болдог. Монголоор бичихэд 2 боломжит сонголт бий:

¨ Monkey гарын драйвер ашиглан ASCII-форматаар бичих

¨ Windows XP-ийн өөрийнх нь гарын драйверыг ашиглан UNICODE-форматаар бичих

Эдгээрийн хооронд ямар ялгаа байдаг вэ?

Аливаа компьютерт текст мэдээллийг дүрслэхэд зориулагдсан тэмдэгтийн хүснэгт (charset) гэж байдаг. Ихэнх компьютерын хувьд энэ нь ASCII (American Standard Code for Information Interchange) хэмээх 256 нүдтэй хүснэгт байдаг. ASCII-хүснэгтийн эхний 128 нүд (0-127 хүртэлх) үл өөрчлөгдөх байнгын "эзэн”-тэй болон стандартчилагдаж, харин үлдсэн 128 нүд (128-255 хүртэлх) стандартчилагдаагүй байна. Үүнээс улбаалан, эхний 128 тэмдэгт нь адил боловч, сүүлийн 128 тэмдэгт нь янз бүр байх өөр өөр ASCII-хүснэгтүүд гарч ирдэг. Тухайлбал том, жижиг латин үсгүүд, араб цифрүүд ба бусад тэмдэгтүүд стандарт хэсэгт орсон учраас латин үсгээр бичсэн текст дурын компьютер дээр ямар ч асуудалгүй гарна. Гэтэл кирилл монгол үсгүүд ингэж стандартчилагдаагүй учраас зарим ASCII-хүснэгтийн 128-255 хэсэгт огт ороогүй байж болно, заримд нь орсон байж болно. Хэрэв орсон байлаа гэхэд өөр өөр хүснэгтэд өөр өөр байрлалай байж болно. Ж.нь Windows ба MSDOS үйлдлийн системийн ASCII-хүснэгтүүдийн кирилл үсгийн код адилхан биш. Тиймээс аль нэг дээр нь монголоор бичсэн текст нөгөө дээр зөв гарахгүй. Хэрэв та өөрийн веб хуудасны монгол текстийг ASCII-форматаар бичвэл таны компьютер дээр магадгүй зүгээр гарах боловч өөр нэг хэрэглэгчийн компьютер дээр зөв гарахгүй байж болзошгүй юм. Учир нь тэр хэрэглэгчийн компьютерын ASCII-хүснэгтэнд кирилл монгол үсгүүд ороогүй байж болно. Монголоор бичихэд өргөн ашиглагддаг Arial Mon, Times New Roman Mon, Courier New Mon г.м. фонтууд бол ASCII-хүснэгтэд харгалзах фонтууд юм.

Харин UNICODE хэмээх 65536 нүдтэй тэмдэгтийн хүснэгтэнд кирилл монгол үсгүүд стандарт болон багтсан байдаг ажээ. Тиймээс энэ форматаар монголоор бичвэл Windows XP-тэй компьютер дээр зүгээр гарна. XP-ээс өмнөх хувилбарын Windows-той компьютерын хувьд "ө”, "ү” үсгүүд дээр жаахан асуудал гараад бусад үсгийн хувьд проблем байдаггүй. Arial, Courier New, Times New Roman г.м. фонтууд UNICODE-хүснэгтэл харгалзана.

Windows дээр ажилладаг веб браузерууд нь монголоор бичих боломжтой ASCII- хүснэгтүүдийг windows-1251, windows-1252 гэсэн кодоор, харин UNICODE-хүснэгтийг utf-8 гэсэн кодоор тэмдэглэдэг байна. Веб хуудсандаа эдгээрийн ашиглах вэ гэдгээ зааж өгөхийг тэмдэгтийн кодчилол (character encoding) гэдэг. Дээр дурдсанчлан тэмдэгтийн кодчилолыг веб хуудасны толгой хэсэгт, <head> гэсэн битүү тааг дотор бичнэ. Ингэхдээ <meta> гэсэн нээлттэй таагийг ашигладаг. Ж.нь Unicode-форматаар монголоор бичнэ гэвэл:

<head>

</head>

гэж бичнэ.

Дасгал

Сая үзсэн зүйлстэйгээ холбоотой дасгал хийж үзье. Дараах зурагт үзүүлсэн веб хуудсыг яаж хийх вэ? Ашиглаж буй компьютер Windows XP үйлдлийн системтэй, ашиглаж буй веб браузер Internet Explorer.

3. Notepad програмыг ачаалж шинэ текст файл үүсгэе:

4. Өмнөх сэдэвт үзсэн html-кодыг нэгтгэн бичье:

5. Windows XP-ийн гарын драйверыг монгол болгож байгаад:

веб хуудасныхаа монгол гарчгийг бичье:

6. Веб хуудасны их бие дотор монгол текстийг бичнэ:

7. Текст файлаа html-файл болгож хадгалъя. File/Save as гээд дараах цонхыг гаргаж ирээд:

Filename талбарт html-файлынхаа нэрийг өргөтгөлийн хамт ж.нь mypage.html гэж бичээд:

Save as type талбараас All Files гэснийг сонгоод:

Encoding талбараас UTF-8 гэснийг сонгоод Save товчийг дарна:

Ингэхэд mypage.html гэсэн файл үүсэх болно.

Энэ файлаа сонгоод Enter дарахад Internet Explorer ажиллаж, файлын html-кодыг веб хуудас хэлбэрээр харуулах болно:

Хэрэв бүтэлтэй болсон бол баяр хүргэе. Та анхны веб хуудсаа хийсэн байна.

8. Үүсгэсэн хуудасныхаа дэвсгэр өнгө болон текстийн өнгийг янз бүрээр өөрчилж үз.

Мэдээллийг шинэ мөрнөөс эхлүүлэх

Веб хуудасны мэдээллийг, тухайлбал текстийг шинэ мөрнөөс эхлүүлье гэвэл <br> гэсэн задгай таагийг ашиглах хэрэгтэй. Шинэ мөрнөөс эхлүүлэх текстийнхээ өмнө, ө.х. сая дээд талынх нь текстийн ард энэ таагийг байрлуулна. Ж.нь:

<body>

Энэ миний анхны веб хуудас. <br>

Миний веб хуудсанд тавтай морил.

</body>

Гипер холбоос тавих

HTML хэлэнд гипер холбоосыг <a> гэсэн битүү тааг ашиглаж оруулдаг. Гипер холбоосоор холбогдож буй веб хуудас нь нэг бол гипер холбоосыг оруулж буй веб хуудастай хамт нэг компьютер дээр байж болно. Эсвэл интенетэд тодорхой URL-хаягаар байрласан байж болно. Ж.нь:

<body>

</body>

эсвэл:

<body>

</body>

эсвэл:

<body>

</body>

г.м. Энд буй href нь <a> таагийн атрибут бөгөөд гипер холбоосын хаягийг тодорхойлдог нь харагдаж байна.

Дасгал

mypage.html веб хуудсандаа хоёр гипер холбоос нэм. Эхнийх нь mypage1.html гэсэн веб хуудсыг заасан байх ёстой. Хоёрдох нь mypage2.html гэсэн веб хуудсыг заасан байх ёстой:

Notepad програм дээрээ mypage1.html веб хуудсыг үүсгэ. Энэ веб хуудас нь дотроо mypage.html-ийг заасан гипер холбоос агуулсан байх ёстой:

Notepad програм дээрээ mypage2.html веб хуудсыг үүсгэ. Энэ веб хуудас нь дотроо mypage.html-ийг заасан гипер холбоос агуулсан байх ёстой:

Эхний веб хуудсаас Веб хуудас 1-ийг дарахад, Веб хуудас 1 гарч ирэх ёстой. Буцах гэдгийг дарж эхний хуудас руу шилжих ёстой. Дараа нь Веб хуудас 2-ыг дарахад, Веб хуудас 2 гарч ирэх ёстой. Буцах гэдгийг дарж эхний хуудас руу шилжих ёстой. Хэрэв бүтэлтэй болсон бол баяр хүргэе. Та анхны веб сайтаа хийсэн байна.

Зураг оруулах

Зураг бол веб хуудсыг хүн үзэхэд сонирхолтой болгодог, түүний мэдээллийн агуулгыг баяжуулж, өнгө үзэмжийг сайжруулдаг гол элементийн нэг юм. Ямар ч зураггүй, зөвхөн текст агуулсан веб хуудас нэг л "амьгүй”, "уйтгартай” байдаг. Зургийг ямагт файл хэлбэрээр оруулна. Веб технологит GIF (Graphics Interchange Format), JPG/JPEG (Joint Photographic Experts Group), PNG (Portable network Graphics) төрлийн зургийн файлууд ихэвчлэн ашиглагддаг.

Веб хуудсанд зураг оруулахдаа <img> гэсэн задгай тааг ашиглана. Энэ таагийн src аттрибут нь тухайн зургийн файлын зам, эсвэл интернет дэхь URL-хаягийг зааж өгөх ёстой. Ж.нь тухайн веб хуудастай нэг фолдер дотор байгаа images гэсэн фолдер доторх picture.jpg гэсэн файлыг оруулъя гэвэл:

Харин интернетэд тодорхой URL-хаягаар байрлаж буй picture.gif файлыг оруулъя гэвэл:

Зургийн таагийн бусад аттрибуттай танилцъя. alt аттрибут нь тухайн зураг ачаалагдаж байх үед эсвэл курсорыг зургийн дээр аваачихад эсвэл зураг ямар нэг шалтгаанаар үзэгдэхгүй болсон үзэгдэх текстийг тодорхойлно. Ж.нь:

height, width аттрибутууд нь зургийн харагдах хэмжээг пикселээр тодорхойлно. Харин align аттрибут нь зураг хуудасны тухайн төвшиндөө ямар байрлалд гарахыг тодорхойлно. Боломжит утгууд: bottom|left|middle|right|top. Ж.нь:

<body>

Энэ бол Дэлхий. Энэ бол Дэлхий. Энэ бол Дэлхий. Энэ бол Дэлхий. Энэ бол Дэлхий. Энэ бол Дэлхий. Энэ бол Дэлхий. Энэ бол Дэлхий. Энэ бол Дэлхий. Энэ бол Дэлхий. Энэ бол Дэлхий. Энэ бол Дэлхий. Энэ бол Дэлхий. Энэ бол Дэлхий. Энэ бол Дэлхий.

</body>

hspace, vspace аттрибутууд нь зургийг хүрээлсэн сул зайг үүсгэнэ. Ж.нь:

гэвэл зургийн дээр доор 10, зүүн баруунд 10 пикселийн өргөнтэй сул зай авагдана.

Зургаар гипер холбоос үүсгэх

Зургийн <img> задгай таагийг гипер холбоосын <a> битүү тааг дотор байрлуулвал бид гипер холбоос бүхий зурагтай болно. Ө.х. тухайн зураг дээр курсорыг байрлуулж дарахад гипер холбоос ажиллана. Ж.нь:

<body>

</a>

</body>

Зураг дээр дарахад дараах веб хуудас гарч ирэх болно:

Image Map буюу Зураг Хэсэглэх

Одоо нэн сонирхолтой нэг боломжийн талаар дурдъя. <map> хэмээх битүү таагийн тусламжтайгаар нэг зургийн янз бүрийн хэсэгт өөр гипер холбоос харгалзуулж болдог байна. Үүнийг Image Map буюу Зураг мужлах хэмээн нэрийднэ. Ж.нь бид дэлхийн газрын зураг дээр image map хийгээд, австрали дээр дарахад австралийн тухай веб хуудас, Мадагаскар арал дээр дарахад Мадагаскарын тухай веб хуудас гарч ирдэг г.м. гипер холбоос үүсгэж болно. Үүнийг хийж үзье.

Эхлээд бид зургаа оруулна. Оруулж буй зургаа Image map-тай болгохын тулд зургийн таагийн usemap гэсэн аттрибутыг ашиглана. Энэ аттрибут нь тухайн зураг дээр "тавигдах” image map-ын нэрийг тодорхойлдог байна. Тухайлбал:

<body>

</body>

Энд бид world_atlas.jpg гэсэн зургаа myimagemap гэсэн нэр бүхий Image map-тай холбож өгч байгаа юм.

Одоо энэхүү myimagemap хэмээх image map-аа үүсгэх ёстой.

<body>

…

</map>

</body>

Таагээд энэ тааг дотор, зургийн дэвсгэрийн хаанаас ямар хэлбэртэй мужийг сонгож авахаа бичнэ. Ингэхдээ <area> гэсэн задгай тааг ашиглана. Манай зураг 512x256 пикселийн хэмжээтэй байна. Зургийн өргөн ба өндөр нь зүүн дээд булангаасаа (0,0) гэсэн координатаас тоологдож байгаа. Хэрэв австрали тивийг багтаасан зүүн дээд булан нь (417, 143), баруун доод булан нь (476, 186) гэсэн координаттай таагш өнцөгт хэлбэрийн муж сонгоно гэвэл:

</map>

shape аттрибут мужийн хэлбэрийг зааж байна. coords аттрибут координатын цэгүүдийг зааж байна. href аттрибут нь гипер холбоосын цаад үзүүр дэхь веб хуудсыг зааж байна. Өөр муж нэмэхийн тулд дахиад нэг <area> ашиглана:

</map>

shape аттрибут нь "rect”-ээс гадна "circle” (энэ тохиолдолд координат нь "x,y,radius”), "polygon” (энэ тохиолдолд координат нь "x1,y1, x2,y2, x3, y3, x4, y4, ...”) гэсэн утгууд авах боломжтой.

Одоо дэлхийн газрын зураг дээр Австралийг дарвал:

Харин Мадагаскарыг дарвал:

Үргэлжлэлийг Энд дар