HTML

Вэб хуудас гэж юу вэ ordmordmрийнхordmordm вэб хуудасыг хэрхэн хийх вэ HTML гэж юу вэ Энэ бvх асуултынхаа хариуг та манай энэ хуудаснаас олж авахаар барахгvй ordmordmрийн вэб хуудасыг хийх талаар олон vнэтэй зordmвлordmмжийг олох болно гэдэгт би найдаж байна Энд ordmгvvлэгдэх бvхий л зvйлсийг та яг одоо компъютер дээрээ туршиж vзэж болохоос гадна эцэст нь та Вэб хуудас хийх нь маш амархан бordmгordmordmд нэлээд зугаатай ажил гэдгийг ойлгох болно

Энд танд зориулсан энэ сэдэвийн ерєнхий агуулга байна

Хэрэв та анхан шатны мэдлэгээс нь эхлэн алхам алхамаар гvнзгийрvvлэн vзэе гэвэл яг энэ хуудасаа vргэлжлvvлэн vзнэ vv

Хэрвээ та HTML-н vндсэн коммандуудтай танилцахыг хvсвэл эндээс шууд HTML-н Yндсэн Коммандууд руу орно уу (Hecidecimal ordmнгordmний хvснэгтийг эндээс олж авна уу)

Харин та HTML-н талаар нэлээн гvнзгийрvvлсэн мэдээлэл (жишээ нь хvснэгт - table цонх - frame) олж авахыг хvсч байгаа бол энэ хуудасыг сонгоно уу

Хэрэв та та вэб хуудасандаа зураг болон хordmдordmлгordmordmнт дvрсийг хэрхэн оруулах талаар сонирхож байгаа бол энэ хуудаснаас эхэлнэ vv

Хэрэв танд ordmordmрийн вэб хуудасаа интернэтэд байрлуулах талаарх мэдээлэл хэрэгтэй бол эндээс эхэлнэ vv

Харин та нэгэнт интернэтэд байрлуулсан вэб хуудасандаа ordmдordmр тутам олон тооны зочинтой байхыг хvсэж энэ талаар мэдээлэл хайж байгаа бол энэ хуудаснаас эхэлнэ vv

Вэбийн Yндэс

Вэб хуудас гэж юу болох тvvнийг хэрхэн хийх вэ гэдэгийг ярихын ordmмнordm бид дараах нэр томъѐонуудын учирыг ойлгох хэрэгтэй болов уу

Web page - Вэд хуудас - Вэб хуудас гэдэг бол ердийн текст файль бordmгordmordmд гэхдээ зordmвхordmн текст ч биш мordmн текстийг хэрхэн (ямар хэмжээтэй ямар ordmнгordmтэй дэлгэцний аль хэсэгт гм) гаргах талаарх мэдээлэлийг нь зааж байдаг HTML комманд буюу HTML tag -уудыг агуулна

HTML - Энэ нь Hyper TextMarkup Language гэсэн vгийн товчлол бordmгordmordmд

markup language гэдэг нь уг хуудасыг ямар форматтай байхыг заадаг компъютерын хэл гэсэн vг юм (бусад жишээ нь XML SGML) Хэрэв та ердordmordm л хар цагаан ordmнгordmтэй нэг л урт мordmрordmнд хамаг юмаа бичих хэрэгтэй бол танд энэ HTML-г хэрэглэх шаардлагагvй юм Харин та текстынхээ фонт ordmнгordm хэмжээг нь сольж голлуулсан гарчиг тавьж хуудасандаа зураг багтаахыг хvсвэл HTML энэ бvхнийг хийдэг компъютерийн хэл юм

Web browser - Энэ нь Netscape Navigator Internet Explorer гэх мэтийн компъютерын программ бordmгordmordmд дараах vндсэн зvйлсийг хийнэ

o Эдгээр Web browser-ууд нь интернэтэд вэб хуудасуудыг хадгалж байдаг Web Server-vvдтэй холбогдож вэб хуудасыг авах хvсэлт

wwwzaluucomwwwzaluucom

тавьж улмаар уг хуудасыг таны компъютерт сvлжээгээр дамжуулан татаж авдаг

o Мordmн Web browser нь татаж авсан вэб хуудасандах HTML tag буюу HTML коммандуудыг орчуулж ингэснээрээ уг хуудасыг зохиогчынх нь гаргахыг хvссэн ordmнгordm хэлбэр маягаар таны компъютерын дэлгэцэнд гаргадаг байна

Web server - Энэ нь интернэтэд вэб хуудасуудыг хадгалж байдаг Web browser-н хvсэлт тавьсаны дагуу хvссэн вэб хуудасыг нь интернэтээр илгээж байх vvрэгтэй ordmндordmр хvчин чадал бvхий тусгай компъютерууд юм Yvнийг та ерordmordmсordmordm асар олон лангуутай тэднийгээ бусдад тvрээсэлж байдаг vзэсгэлэн худалдааны байшинтай адилтган vзэж болно Та тэндээс нь нэг лангуу тvрээслэн авч ordmordmрийнхordmordm вэб хуудасыг тавихын тулд та тvрээсийн тordmлбordmр буюу hosting charge тordmлordmх хэрэгтэй болно Нэгэнт ингэж тависан хуудасыг дэлхийн аль ч булангаас интернэтэд холбогдсон хvн vзэх боломжтой Харин энэ байшингийн эзэнийг host гэж нэрлэнэ Ингээд ordmдordmр бvр сая сая ийм

Web server-vvд хэдэн арван сая хэрэглэгчийн Web browser-н хvссэн вэб хуудасыг нь дамжуулж байдаг асар том сvлжээг бид Интернэт гэж нэрлэдэг

(Гэхдээ Web browser нь зєвхєн интернэт дэх вэб хуудасыг vзvvлж байдаг гэсэн єрєєсгєл ойлголт байж болохгvй юм Энэ нь хаана ч байгаа (жишээ нь таны компъютер дээрх) вэб хуудасыг vзvvлэх боломжтой юм шvv)

Эхлэлд нь очих

Эх кодыг vзэх нь

Ихэнх компъютерын программуудын зохиогчынх нь бичсэн эх кодыг харах боломжгvй байдаг билээ Харин вэб хуудасны эх кодыг харах нь туйлын амархан бordmгordmordmд жишээ нь яг одоо миний энэ хуудасны аль ч хэсэгт хулганыхаа баруун талын товчыг дараад гарч ирэх цэснээс View Source гэсэн сонголтыг хийвэл

шинэ цонх гарч ирж та эх кодыг бvхлээр нь харах болно Арзайж иржийсэн аймаар юм харагдах болно гэдэгийг мэдэж байна Гэхдээ vvнийг хэцvv эд байна гэж ойлгож болохгvй шvv би ч гэсэн тэгэж харахаасаа айдаг юм Ямар ч гэсэн та тэр хуудаснаасаа энэ вэб хуудасыг таны дэлгэцэн дээр гаргахад ямар ямар HTML коммандуудыг хэрэглэсэн байгааг ерordmнхийд нь харах бvрэн боломжтой юм Та энэ маягаар интернэтэд байгаа бараг бvх вэб хуудасны эх кодыг харах боломжтой юм Ингэснээрээ танд интернэтээр хэсэж явахад тань ямар нэгэн гайхамшигтай дизайньтай вэб хуудас дайралдах аваас уг хуудасныхайй эх кодыг vзэж хэрхэн ийм хуудас хийхийг сурч авч байх ordmргordmн боломж олдож байгаа билээ

HTML Tag - HTML комманд

HTML Tag буюу HTML комманд нь таны текстыг хэрхэн харагдуулахыг тань Web

browser-т хэлдэг программын код юм HTML-н комманд болгон нь их багын хос тэмдэгний хооронд байдагаараа бусад хэлнээс онцлогтой юм

Жишээ нь ltcentergt ltbodygt


Эдгээр коммандуудаа дуусах газрыг нь Web browser-таа хуваах ташуу зураас тэмдэглэгээг нэмж ordmгнordm


Ихэнх коммандууд нь дээрх загвараар буюу эхлэлийг нь заасан тordmгсгordmлийг нь заасан 2 хэсэгээс бvрддэг боловч зарим комманд нь ийм бvш гэдэгийг бас мэдвэл зохино

Ямар ч вэб хуудасанд дараах vндсэн хэдэн комманд нь заавал байх ѐстой байдаг

ltHTMLgt HTML файлын эхлэлийг нь зааж байна

ltHEADgt Вэб хуудасны толгойн хэсэгний эхлэлийг нь зааж байна

ltTITLEgt Вэб хуудасны гарчигийг энд зааж ordmгнordm

ltBODYgt Энэ хэсэг бол vндсэн хэсэг буюу вэб хуудасны бусад бvхий л хэсэг нь энэ бие хэсэгт нь багтдаг

Ямар ч вэб хуудасны тordmгсгordmлд дараах тordmгсгordmх коммандууд байна

ltBODYgt ltHTMLgt


Хамгийн Энгийн Вэб Хуудасыг Хийх нь

Вэб хуудасыг хийх ажлыг хялбар болгосон хэдэн зуун программ хангамжууд байдаг бordmгordmordmд энд бид вэб хийх хамгийн энгийн бordmгordmordmд яг одоо ч гэсэн таны компъютерт суулгаастай байгаа программыг хэрэглэе Текст файль vvсгэх боломжтой бvх тordmрлийн программыг вэб хуудас хийхэд ашиглаж болох бordmгordmordmд та Windows-н Notepad Macintosh-н бол SimpleText программыг энэ удаад ашиглах боломжтой

юм

Ингээд дараах кодыг текст цонхон дээрээ хуулж тавина уу (та хуулаад бичсэн ч болно эсвэл copy-past хийсэн ч болно шvv дээ)

lthtmlgt ltheadgt lttitlegtМиний Анхны Вэб Хуудасlttitlegt ltheadgt ltbodygt Сайн байна уу Энэ бол миний анхны вэб хуудас ltbodygt lthtmlgt

Энд дурдаж хэлэхэд та HTML коммандуудыг том жижиг vсгээр бичих коммандуудыг мordmр мordmрordmordmр бичих эгнээ vvсгэх - энэ бvхэн бол ерordmordmсordmordm хамаагvй шvv Та яаж ч бичсэн болно Харин ингэж цэгцтэй бичвэл танд ordmordmрт чинь амар байх болно

Одоо бид энэ файлаа нэг газар Save хийж хадгалах хэрэгтэй Аль болох ordmordmрт чинь олоход л амар байвал сайн шvv За та Desktop дээрээ хадгаллаа гэж бодоѐ харин нэр ordmгordmхдordmordm anhniihhtml гэж нэр ordmгч хадгалаарай


Дараагийн алхам бол Web browser-аа онгойлгох (Microsoft Internet explorer ч юмуу Netscape Navigator) File цэснээс Open сонголтыг хий Тэгээд гарч ирэх цонхноос Browse-г сонгоод дordmнгordmж сая бичиж хадгалсан anhniihhtml -г

онгойлгоно уу Та энэ vйлдлийг хийсний дараа иймэрхvv байдал харах болно

Эдээс та гурван зvйлийг харж байна

Та энэ хуудасныхаа гарчиг нь Миний Анхны Вэб Хуудас гэдэгийг харж байна

Та энэ хуудасныхаа бие буюу гол хэсэгт нь Сайн байна уу Энэ бол миний анхны вэб хуудас гэсэн текстыг харж байна

Та browser-н Adress гэсэн вэб хуудасны байрлаж байгаа хаягны цонхонд CWINDOWSDESKTOPanhniihhtml гэсэн URL (Uniform Resource Locator-

ихэвчлэн вэб хуудасны хаягийг ингэж нэрлэнэ) -г харж байна Хэрвээ энэ вэб хуудас интернэтэд байсан бол URL нь http иймэрхvv маягтай эхэлдэг билээ

За ингээд та анхныхаа вэб хуудасыг хийлээ Танд баяр хvргээд цаашдаа улам сайн вэбчин болоорой гэж хvсэн ерordmordmж вэб хийх талаарх дараагийн алхамдаа хамтдаа орцгооѐ HTML-н vндсэн коммандууд

Энэ хуудсанд байгаа коммандууд нь аливаа вэб хуудасан дахь HTML кодны 90-г бvрдvvлдэг хамгийн гол коммандууд бordmгordmordmд та эднийг сурсаны дараа аль ч вэб хуудасны кодыг нь хараад 90-г нь ойлгох болно гэсэн vг билээ

Тодотгох Бичмэл болгох Доогуур зураастай болгох (Bold Italics and Underline)


Текстийнхээ тодотгох хэсэгийн эхлэлд нь ltbgt тordmгсгordmлд нь ltbgt коммандыг тавьж ordmгordmordmд л болоо

Энэ бол ltbgtтодотгосон текстltbgt Энэ бол тодотгосон текст

o Бичмэл болгоход дараах хос коммандыг дээрхитэй ижил аргаар хэрэглэнэ

ltigt ltigt

Энэ бол ltigtбичмэл текстltigt Энэ бол бичмэлтекст

o Доогуур зураас хийхэд ltugt ltugt

Энэ бол ltugtдоогуур зураастай текстltugt Энэ бол доогуур зураастай текст

Мєр таслах Мєр хооронд хоосон зай vvсгэх Хєндлєн зураас

Таны текстэнд байгаа Tab мordmр хоорондын зай гэх мэтийн форматыг browser таньдаггvй Иймээс дараах тусгай коммандуудыг хэрэглэх хэрэгтэй болно

ltbrgt хэрэвээ текстын мordmрordmн дунд энэ комманд байвал уг газраас хойшхи хэсэгийг дараагийн мordmрordmнд хэвлэж гаргадаг Мэдээж давхарласан ийм комманд байвал мordmр хооронд зай vvсгэдэг

Энэ мordmр ltbrgtтасалдсан Энэ мordmр тасалдсан

ltpgt энэ комманд нь ltbrgt коммандтай ижил мordmрийг уг газраар нь таслахаас гадна мordmр хооронд зай vvсгэнэ

Энэ мordmр хооронд ltpgtзайтай Энэ мordmр хооронд

зайтай

lthrgt энэ коммандаар нэг мordmрийн туршид хordmндлordmн зураас vvсгэнэ

Энэ бол хordmндлordmн зураасlthrgt Энэ бол хordmндлordmн зураас


Текстийн Фонт Єнгordm Хэмжээ

Энэ кодыг харна уу ltfont face=times color=red size=4gtУлаан ordmнгийн Times Roman фонтоор 4 хэмжээний текстltfontgt

Энд бvх юм ойлгомжтой байна гэж бодож байна ltfontgt ltfontgt хос коммандаар текстын фонт ordmнгordm хэмжээг тохируулна

Энэ бол ltfont color=redgtулаанltfontgt ordmнгordm Энэ бол улаан ordmнгordm

Энэ бол ltfont color=yellowgtшарltfontgt ordmнгordm Энэ бол шар ordmнгordm


Ихэнх vндсэн ordmнгordmнvvдийг энэ маягаар нэрээр нь бичиж болно Бусад ordmнгordmнvvдийг Hexadecimal Color Number буюу 16-тын тооллын кодоор нь ашиглаж болно

Харин энэ хуудасандаа байх бvх текстнийхээ ordmнгийг нэг дор ordmordmрчилordmх гэвэл ltbodygt комманддаа дараах байдлаар зааж ordmгнordm

ltbody text=bluegt

Фонтыг ltfont face=impactgt гэх мэтээр зааж ordmгordmхдordmordm аль болох стандарт фонтуудыг сонгох нь дээр байдаг Учир нь таны зааж ordmгсordmн цонт чинь хэрэглэгчийн компъютер дээр байхгvй бол browser шууд Courier юмуу Times New Roman гээд аваад явчихдаг юм

Фонтны хэмжээ ихэнх browser-н хувьд стандарт нь 3 байдаг Мordmн та фонтны хэмжээг солихдоо дээрхээс гадна дараах байдлуудаар ordmordmрчилж болно

ltfont size=+4gt эсвэл ltfont size=-2gt гм

Энэ нь фонтны хэмжээг байгаа хэмжээнээс нь заасан хэмжээгээр ordmordmрчилнordm

Мordmн ltsmallgtltsmallgt ltbiggtltbiggt гэсэн коммандуудыг хэрэглэсэн ч болно

Энэ бол ltsmallgtжижигltsmallgt текст Энэ бол жижиг текст

Энэ бол ltbiggtтомltbiggt текст Энэ бол том текст

Том жижиг гарчиг тавихад зориулсан Heading коммандаар мordmн фонтны хэмжээг ordmordmрчилж тодотгож болдог

lth1gtЭнэ бол h1 гарчигlth1gt Энэ бол h1 гарчиг



Хэрэв та ltfontgt коммандыг хэрэглэсэн бол зохих газар нь ltfontgt коммандыг мordmн бусад ltsmallgt ltbiggt ltH2gt гэх мэтийн коммандуудыг ч гэсэн зохих газар нь тавихаа мартуузай


Хуудасны Дэвсгэр Єнгийг Єordmрчилordmх

Дараах байдлаар та хуудасныхаа дэвсгэр ordmнгийг солих боломжтой юм

ltbody bgcolor=blackgt

Мordmн дээр текстны ordmнгordm солиход дурдсан ѐсоор та hecidecimal ordmнгordmний кодыг хэрэглэж болох юм


Тоочиж бичих

Текстыг дэлгэцэнд тоочсон байдлаар 3 янзаар гаргаж болно Жирийн тоочсон Дугаарласан Догол мєр хэрэглэсэн

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


Ном

Дэвтэр

Харандаа

Харин vvнийг хийхийн тулд ltulgt ltligt ltligt ltulgt гэсэн бvтэцийг хэрэглэдэг Дээрх жишээний кодыг доор vзvvлэв

ltulgt ltligtНом ltligtДэвтэр ltligtХарандаа ltulgt

Мordmн ltul type=circlegt ltul type=squaregt ltul type=discgt коммандуудыг хэрэглэвэл дараах vр дvнд хvрнэ

ltul type=circlegt ltligtНом ltligtДэвтэр ltligtХарандаа ltulgt

Ном

Дэвтэр

Харандаа

ltul type=squaregt ltligtНом ltligtДэвтэр ltligtХарандаа ltulgt

Ном

Дэвтэр

Харандаа

Дугаарлаж тоочиж бичихдээ ltolgt коммандыг хэрэглэнэ Дараах жишээнvvдийг

харна уу

1 Ном

2 Дэвтэр

3 Харандаа

ltolgt ltligtНом ltligtДэвтэр ltligtХарандаа ltolgt

Та ltolgt коммандын ард type параметрийг хэрэглэхдээ дараах байдлаар хэрэглэж болно

ltol type=Agt Англи цагаан толгойн том vсэгээр дугаарлах (A B C) ltol type=agt Англи цагаан толгойн том vсэгээр дугаарлах (a b c) ltol type=Igt Ром тоогоор дугаарлах (I II III) ltol type=igt Жижиг Ром тоогоор дугаарлах (i ii iii)

Харин та дугаарлалтаа тодорхой утгатайгаар зааж ordmгordmхийг хvсвэл start болон value гэсэн коммандуудыг хэрэглэх хэрэгтэй


ltol start=5gt ltli value=6gt

Догол мєр хэрэглэхдээ ltdlgt ltdtgt ltddgt ltdlgt бvтэцийг дараах байдлаар

ашиглана

Хорлоогийн Баянмordmнх БНМАУ-н даяар дурсагдах дархан аварга

ltdlgt ltdtgtХорлоогийн Баянмordmнх ltddgtБНМАУ даяар дурсагдах дархан аварга ltdlgt


Єordmр сайт руу заасан холбоос-линк оруулах

Вэб хуудасны хамгийн их ашигтай давуу талуудын нэг нь ordmordmр хуудас руу заасан линк оруулах боломжтой байдаг юм Єordmр хуудас руу заасан коммандыг anchor tag гэж нэрлээд дараах байдлаар хэрэглэнэ

lta href=URLgt ltagt

Жишээ нь lta href=httpwwwasuultnetgtАсуулт Вэбltagt

Дээрхи код нь вэб хуудасандаа дараах байдлаар харагдна

Асуулт Вэб

Хэрэв та энэ линкэн дээр чинь дарахад ordmordmр шинэ цонх гарч ирж уг хуудасыг vзvvлдэг байхыг хvсвэл дараах байдлаар бичвэл зохино

lta href=httpwwwasuultnet target=_blankgtАсуулт Вэбltagt

Yр дvн нь

Асуулт Вэб

Browser-уудын хувьд линкний стандарт ordmнгordm нь цэнхэр ordmнгordm байдаг Гэвч та vvнийг ordmordmрийнхordmordm хvссэн ordmнгordmordmр солиж болно Yvний тулд ordmнordmordmх ltbodygt коммандныхаа ард link=ordmнгordm vlink=ordmнгordm гэсэн хэсэгийг нэмж ordmгordmх хэрэгтэй link нь зочлоогvй линкнийх vlink нь ordmмнordm зочилсон линкний ordmнгийг заан

Жишээ нь ltbody link=green vlink=yellowgt


E-mail явуулах линк хийх

Таны вэб хуудасанд байгаа энэ линкэн дээр дараад таньд имайл явуулах боломжийг хэрэглэгчиддээ олгоѐ гэвэл дараах байдлаар линк vvсгэнэ


lta href=mailtoтаны имайлын хаягgt ltagt

Жишээ нь lta href=mailtohundagaasuultnetgtНадад Имайл Явуулахltagt

Энэ кодны vр дvн нь дараах байдлаар харагдна

Надад Имайл Явуулах


Єordmрийнхordmordm хуудсан дотроо линк хийх

Та ordmordmрийнхordmordm нэг хуудаснаас нordmгordmordm хуудсанд линк хийх бол httpwww гэх мэтийн хэсэгийг заавал бичих шаардлагагvй байдаг

Жишээ нь lta href=asuult_hariulthtmgtАсуулт Хариултын Буланltagt

Харин нэг хуудсан дотроо уг хуудасныхаа хэсэгvvдийг хооронд нь линкээр холбохыг хvсвэл та lta name=ямар ч хамаагvй нэрgt гэсэн бvтэцийг тэр заалгуулж байгаа газраа тавьж ordmгordmх хэрэгтэй Тэгээд уг хэсэгийг зааж байгаа газраа lta href=дээр ordmгсordmн нэрээ одоо энд хэрэглэнэgt гэсэн бvтэцийг хэрэглэнэ

Жишээ нь

lta href=1gt ltagt lta href=1gt ltagt

Єordmр хуудсанд тодорхой хэсэгийг нь зааж ordmгordmе гэвэл ингэж бичнэ

lta hrefgt=asuult_hariulthtm1gtАсуулт Хариулт Хуудасны 1-р хэсэгltagt


Зураг Графикыг Вэб Хуудсандаа Оруулах

Yvний тулд дараах коммандыг хэрэглэнэ

ltimg src=зурагны тань нэрordmргordmтгordmл ньgt

Жишээ нь ltimg src=zurag_001jpggt

Ерordmнхийдordmordm вэб хуудсанд хэмжээ нь харьцангуй бага байдагтай холбогдуулан GIF эсвэл JPG файлуудыг л хэрэглэдэг Файлийн нэрэнд том жижиг vсэг нь ялгаатай

байдаг учир vvнийг сайн анзаарч яг ижилхэн нэрээр нь зааж ordmгч байх мordmн зургийн файлуудыг хэрэглэж байгаа вэб хуудастай нь нэг директорт байрлуулж байвал зохино Эс бordmгordmordmс компъютер таны зурагийн файлийг олж гаргаж чадахгvй шvv


Мordmрvvдийн Толгойг Налуулах


Хэрэв та ordmordmрчилж зааж ordmгordmordmгvй бол Browser таны текстийн мordmрvvдийг зvvн тал руу нь толгойг нь нийлvvлдэг Хэрэв та тодохой хэсэг текстийг голлуулж гаргахыг хvсвэл ltcentergtltcentergt коммандын хооронд уг хэсэг текстийг тавьж ordmгordmх хэрэгтэй Yvнтэй ижил хэрэглэгддэг коммандууд нь

ltdiv align=leftgtltdivgt ltdiv align=centergtltdivgt ltdiv align=rightgtltdivgt

Ингээд та HTML-н vндсэн коммандуудыг vзлээ Эднийгээ ашиглан та одоо хэний ч анхаарлийг татахуйц сайхан вэб хуудас хийх боломжтой билээ Туршаад Yз

Хvснэгт хийх

Одоогоор нэлээн урлагтайхан шиг вэб хуудас хийхэд хамгийн ordmргordmн хэрэглэгддэг HTML зэвсэг бол Table буюу хvснэгт юм Хvснэгтийг хэрэглэхгvйгээр та вэб

хуудасыг зordmвхordmн хийдэг байсан бол хvснэгтийг хэрэглэснээрээ та вэб хуудасыг дизайнчлах боломжтой болдог юм

Юуны ordmмнordm дахин хэлэхэд даны хvснэгттэй холбоотой доор vзэх коммандууд нь ltbodygt ltbodygt хэсэгийн хооронд байх ѐстой гэдгийг сануулъя Ингээд хvснэгт бvтээх ажилаа дараах коммандаар эхэлнэ

lttablegt

Хvснэгтийнхээ мordmр болгоныг дараах коммандаар зарлана

lttrgt

Харин мordmр доторхи мэдээлэл бvхэн энэхvv коммандаар эхэлнэ

lttdgt

Дараах 3 мordmр 2 баганатай хvснэгтийг хэрхэн нээхийг жишээ болгон авч vзэе

A1 A2

B1 B2

C1 C2

Энэ хvснэгтийг гаргаж байгаа код нь дараах бvтэцтэй байна

lttablegt хvснэгтийг эхлvvлнэ

lttrgt эхний мordmрийг эхлvvлнэ

lttdgt (A1) ordmгordmгдлийн эхний нvдийг эхлvvлнэ

lttdgt A1 нvдийг хаана

lttdgt (A2) ordmгordmгдлийн хоѐр дахьнvдийг эхлvvлнэ


lttrgt эхний мordmрийг хаана

lttrgt хоѐр дахь мordmрийг эхлvvлнэ

lttdgt хоѐр дахь мordmрний эхний нvдийг эхлvvлнэ (B1)


lttdgt B1 нvдийг хаана

lttdgt B2 нvдийг эхлvvлнэ


lttrgt хоѐр дахь мordmрийг хаана

lttrgt гурав дахь мordmрийг эхлvvлнэ

lttdgt гурав дахь мordmрний эхний нvдийг эхлvvлнэ (C1)

lttdgt C1 нvдийг хаана

lttdgt C2 нvдийг эхлvvлнэ


lttrgt гурав дахь мordmрийг хаана

lttablegt хvснэгтийг хаана

Одоо энэхvv хvснэгтний ерordmнхий загвартаа ordmгordmгдordmл оруулж хvрээ (border) хийе Гадуур хvрээлсэн зураас буюу хvрээ хийхэд эхний lttablegt комманд дотроо border=утгагэсэн хэсэгийг нэмж ordmгordmх хэрэгтэй Энэ утга нь хvрээний ordmргordmний хэмжээг заах утга бordmгordmordmд хэрвээ та хvрээг нь харагдахгvй байхыг хvсвэл утгыг нь 0-тэй тэнцvvлэх хэрэгтэй

Ингээд дээр vзvvлсэн хvснэгтний код нь дараах байдалтай болж байна

lttableborder=1gt lttrgt lttdgtA1 lttdgt lttdgtA2 lttdgt lttrgt lttrgt lttdgtB1 lttdgt lttdgtB2 lttdgt lttrgt lttrgt lttdgtC1 lttdgt lttdgtC2 lttdgt lttrgt lttablegt


Дэвсгэрийн Єнгordm

Хvснэгтийнхээ дэвсгэрийн ordmнгийг бvхлээр нь ordmordmрчлordmх бол bgcolor коммандыг lttablegt коммандаа багтааж ordmгнordm


Жишээ нь lttable bgcolor=greengt

Мordmн хvснэгтээ бvхлээр нь биш зordmвхordmн мordmрийн дэвсгэр ordmнгordm эсвэл зordmвхordmн нэг нvдний дэвсгэр ordmнгийг сольж бас болдог Yvний тулд lttrgt юмуу lttdgt коммандуудых нь ард нь bgcolor=ordmнгordm гэсэн хэсэгийг нэмж ordmгordmх хэрэгтэй

Жишээ нь lttr bgcolor=yellowgt


Хvснэгтийн Хэмжээ

Хvснэгтийнхээ хэмжээг зааж ordmгordmordmгvй тохиолдолд хэмжээ нь доторхи ordmгordmгдлийн хэмжээ эсвэл browser-н цонхны хэмжээнээс хамаарч автоматаар тохируулагддаг Харин та ordmordmрийн хэмжээгээ зааж ordmгordmхийг (цэгийн тоо эсвэл процент ашиглан)

хvсвэл эхний lttablegt коммандын дотор нь vvнийгээ дараах байдлаар зааж ordmгнordm

Жишээ нь lttable width=300 height=400gt

(Yvний width нь єргєнийг height нь єндєрийг заана)

Харин нэг мordmр нvдний хэмжээг зааж ordmгordmх бол харгалзах lttrgt lttdgt коммандуудых нь ард дээрхитэй ижил байдлаар зааж ordmгнordm

(Tанд гэж зєвлєхєд сурахад тань хамгийн сайн арга бол энэ єнгє хэмжээг нь туршаад vзэх л явдал юм)


Cellpadding

Энэхvv cellpadding коммандаар нvднvvдэд байгаа ordmгordmдordmл болон нvдний ирмэгийн хоорондох хэмжээг (цэгийн тоогоор) зааж ordmгдordmг юм

Жишээ нь

lttable border=1 cellpadding=5gt

Энэ хvснэгтэд cellpadding=5




Cellspacing


cellspacing коммандаар нvднvvдийн хоорондын зайг нь (цэгийн тоогоор) зааж

ordmгдordmг юм Мordmн л lttablegt коммандын дотор хэрэглэнэ

lttable border=1 cellspacing=5gt

Энэ хvснэгтэд cellspacing=5




Хvснэгтийн Гарчиг

Тодотгосон голлуулсан гарчигийг мordmр багананд оруулахдаа эхний мordmрнийхordmordm lttdgt коммандын оронд ltthgt коммандыг оруулж хэрэглэнэ

Жишээ нь

lttable border=1gt lttrgt ltthgt1-р багана ltthgt ltthgt2-р багана ltthgt lttrgt lttrgt lttdgtA lttdgt lttdgtB lttdgt lttrgt lttrgt lttdgtC lttdgt lttdgtD lttdgt lttrgt lttablegt

Энэ нь дараах байдлаар харагдна

1-р багана 2-р багана

A B

C D


Толгой Налуулах Єгordmгдлийн Нvдэн Доторхи Байрлал


Хэрвээ та vvнийг нь ordmordmрчилж зааж ordmгordmordmгvй бол хvснэгт доторхи бvх (гарчигнаас бусад) ordmгordmгдлvvд автоматаар зvvн талруугаа толгой налсан байдаг Харин та ordmordmрчилж зааж ordmгordmх бол харгалзах lttdgt ltthgt lttrgt коммандуудын дотор нь дараах байдлаар зааж ordmгдordmг

Хordmндлordmнгordmordmрordmordm аль талруугаа (зvvн голлох баруун) толгой налахыг заахдаа align комманд хэрэглэнэ(left center right)

Жишээ нь lttr align=centergt

Босоо чиглэлдээ аль талруугаа(дээд тал голлох доод тал) шахаж бичихийг valign

комманд хэрэглэн заажordmгнordm (top center bottom)

Жишээ нь lttd valign=topgt

Та хvснэгтнийхээ толгой налах чиглэлийг нь бvхлээр нь зааж ordmгordmх бол ordmнordmordmх lttablegt коммандын дотор lttable align=rightgt lttable align=leftgt гэх мэтээр зааж ordmгч бас болох юм


Cell Spanning

Хоѐр баганын хэмжээнд эсвэл хоѐр мordmрний хэмжээнд нэг нvд байхыг cell spanning гэж нэрлэнэ Yvний жишээнь

Энэ нvд хоѐр баганын хэмжээтэй Энэ нvд нэг баганын хэмжээтэй

A B C

lttdgt коммандын дотор ltcolspan=утгаgtltrowspan=утгаgt гэж зааж ordmгч vvнийг хийнэ Дараах жишээг харна уу

lttable border=1gt lttrgt lttd colspan=2gtЭнэнvд 2 баганын хэмжээтэй lttdgt lttdgtЭнэ нvд 1баганын хэмжээтэй lttdgt lttrgt lttr align=centergt lttdgtA lttdgt lttdgtB lttdgt lttdgtC lttdgt lttrgt lttablegt


Энэ нvд 2 мordmрний хэмжээтэй A

B

lttable border=1gt lttrgt lttd rowspan=2gtЭнэ нvд 2 мordmрний хэмжээтэй lttdgt lttdgtA lttdgt lttdgtB lttdgt lttrgt lttrgt lttdgtC lttdgt lttdgtD lttdgt lttrgt lttablegt

Мordmн та хvснэгтэн дотороо ordmмнordm бидний vзсэн фонтны хэмжээ ordmнгordm ordmordmрчилordmх зураг график оруулах жагсаалт vvсгэх линк оруулах гэх мэт зvйлсийг багтааж болох бordmгordmordmд vvнийгээ зordmвхordmн харгалзах lttdgt коммандны хооронд л тавих хэрэгтэй юм

Цонх Оруулах

Зарим Вэб дизайнарууд ordmordmрсдийн хуудасандаа Цонх буюу Frame-г ordmргordmнordmordmр

хэрэглэж ингэснээрээ хэрэглэгчдийг хуудасаараа аялахад нь нэлээд хялбар болгож ordmгдordmг Таныг зарим вэб хуудасанд аялж явахад тань уг хуудасны зарим хэсэгийн мэдээлэл нь ordmordmрчлordmгдordmж байхад vлдсэн хэсэгийх нь мэдээлэл ordmordmрчлordmгдordmлгvй байнга хэвээрээ байж байдагийг анзаарсан бизээ Та цонхны жишээг дараах цонхноос олж vзнэ vv Violas Web

Ер нь Цонх хэрэглэж байгаа вэб хуудасны цонх болгонд нь ordmordmр ordmordmр HTML хуудсыг гаргаж байдаг юм Нэг цонх нь ерordmнхий цэсийг агуулж байхад нordmгordmordm цонхонд нь уг цэснээс сонгосон хуудасны агуулгыг vзvvлж байдаг хэлбэрийн вэб хуудас бол хамгийн ordmргordmн хэрэглэгддэг Цонхны жишээ билээ

Хамгийн эхэнд хамгийн гол нь та хуудасныхаа бvтэцийг нь сайтар тordmлordmвлordmх нь нэн чухал байдаг Эдгээр цонхнууд чинв дэлгэцийг хэрхэн хувааж эзлэж байх хэдэн багана мordmрийн хэмжээтэй байх вэ гэдэгийг тооцоолно


Frameset Document

Энэхvv HTML document-р бид browser-т вэб хуудасаа хэрхэн цонх болгон дvрслэхээ зааварлаж ordmгдordmг Харин ltbodygt коммандынхаа оронд ltframesetgt коммандыг хэрэглэнэ HTML код тань дараах байдлаар харагдна

lthtmlgtltheadgtlttitlegtГарчигlttitlegtltheadgt

ltframeset rows=2080gt


Энэ нь уг хуудас дээд доод талынх гэсэн 2 цонхонд 20 - 80 гэсэн хэмжээтэй хууваагдахыг зааж байна Хэрвээ гурван цонхонд хуваах бол дараах байдалтай байхсан билээ

ltframeset rows=10 50 40gt

Энэ процент нь browser-н цонхны хэмжээний хэдэн хувийг нь аль цонх хэрэглэхийг заана Мordmн та vvнийг цэгийн тоогоор зааж ordmгч болох бordmгordmordmд харин тэмдэг хэрэглэж цонхны vлдсэн хэсэгийг нь эзэлнэ гэсэн санааг гаргаж ordmгдordmг


Энэ код нь вэб хуудас маань дээд дунд доод талынх гэсэн гурван цонхтой байх бordmгordmordmд эхний хамгийн дээд талын цонх нь 100 цэгийн ordmндordmртэй ѐроолын цонх нь 50 цэгийн ordmргordmнтэй харин голын цонх нь vлдсэн зайг нь эзэлнэ гэсэн vг юм

Харин багана болгож хуваахад

ltframeset cols=200gt

Та мordmн мordmр баганыг хослуулан хэрэглэж болох бordmгordmordmд энэ талаар доор дурдан ярих болно


Цонхонд гарч ирэх хуудасыг нь зааж ordmгordmх

Одоо та frame src коммандыг хэрэглэн цонх тус бvрд ямар HTML хуудасыг vзvvлж байхыг зааж ordmгнordm Жишээ нь

lthtmlgtltheadgtlttitlegtЦонх хэрэглэх туршилтlttitlegtltheadgt ltframeset cols=200 gt ltframe src=linkshtmgt ltframe src=informationhtmgt ltframesetgt lthtmlgt

Дээрхи кодонд browser-н цонхыг 2 баганан цонх болгон хувааж 200 цэгийн ordmргordmнтэй эхний цонхонд linkshtm-г гаргаж дараагийн цонхонд informationhtm-г vзvvлж байна


Цонхнууддаа нэр ordmгordmх

Цонхнуудынхаа хооронд мэдээлэл дамжуулж байхын тулд танд эдгээрийг нэр ordmгч нэрлэх шаардлага гарна Yvний тулд ердordmordm л name коммандыг frame src коммандын дотор байрлуулж ordmгordmх хэрэгтэй

ltframe src=linkkshtm name=цэсgt ltframe src=informationhtm name=мэдээлэлgt


Ингэснээрээ та аль нэг цонхонд ordmordmp нэгэн хуудасыг гаргахыг хvсвэл уг цонхоо нэрээр нь дуудаж дараах бaйдлаар хэрэглэнэ

Жишээ нь lta href=companyhtm target=мэдээлэлgtКомпанийн Мэдээлэлltagt

Энэ нь browser-т линкийн мэдээлэлийг мэдээлэл гэсэн нэртэй цонхонд гаргана гэдэгийг зааж ordmгч байна


Файлаа Хадгалах Yзэх

Жирийн HTML файлуудтай ижилээр та frameset файлыг htm эсвэл html гэсэн ordmргordmтгordmлтэйгээр хадгалж болно Харин цохнуудад нь гарах HTML файлуудыг нь frameset файльтай нэг директорт хадгалахаа мартуузай


Scroll bar Border

Цонхондоо багтахгvй байгаа хуудасыг гvйлгэж харахад зориулсан scrollbar-г хэрэв та гаргахгvй байхыг хvсвэл (энэ нь нэлээн цэвэрхэн харагдна) та frame src коммандынхаа дотор scrolling=no гэсэн кодыг нэмж ordmгordmх хэрэгтэй болно

Жишээ нь ltframe src=linkshtm scrolling=nogt

Харин цонхны хvрээг гаргахгvй байхыг хvсвэл frameborder=0 гэж зааж ordmгordmх хэрэгтэй

ltframe src=linkshtm frameborder=0gt

Мordmн та marginwidth=утга marginheight=утга гэсэн коммандуудыг хэрэглэн цонхон доторхи мэдээлэл цонхны ирмэг хоѐрын хоорондох зайг ordmordmрчилж зааж ordmгч болно Харин эдгээр кодоо frame src коммандын дотор хийж ordmгordmх хэрэгтэй шvv


Олон цонхтой хуудас

Хэд хэдэн янзын хэжээний мordmр баганыг дараах байдлаар хэрэглэх шаардлага гарвал кодоо хэрхэн бичих вэ


Дээрхи хууудасыг нээхэд хэрэглэгдсэн код

lthtmlgtltheadgtlttitlegtFrame Testlttitlegtltheadgt ltframeset rows=40 60gt

ltframeset cols=45 55gt ltframe src=logohtmgt ltframe src=addresshtmgt ltframesetgt

ltframeset cols=60 40gt ltframe src=infohtmgt ltframe src=linkshtmgt ltframesetgt

ltframesetgt lthtmlgt

Та бvхний харж байгаагаар эхэлж мordmрordmordm (ltframeset rows=40 60gt) vvний дараа ordmordmр ordmordmр хэмжээтэй 4 баганы vvсгэхдээ эхний ltframeset cols=45 55gt гэсэн хэсэгт нь дээд талын хос баганын хэмжээг ltframeset cols=60 40gt гэсэн хэсэгт доод талын хос баганын хэмжээг зааж ordmгordmordmд тус бvрийг нь ltframesetgt комманд хэрэглэн тordmгсгordmсordmн байна

Вэб Хуудасандаа Зураг Оруулах

Таны хийж байгаа вэб хуудасны хамгийн амин чухал хэсгийн нэг нь зураг чимэглэл гэдэгтэй хэн ч маргахгїй билээ Таны вэб хуудасны хvнд хvрэх байдлыг vндсээр нь ordmordmрчилдordmг энэхvv зураг чимэглэлийн файлуудын талаар ярилцъя

Ихэвчлэн дараах янзын зурагийн файлуудыг вэб хуудасанд хэрэглэдэг


Жижигхэн

Урт нарийхан

Том хэмжээний

Амь оруулсан

Жижигхэн зурагаар та тоочсон текстний толгойг гаргахад дараах байдлаар хэрэглэж болох юм

Эхний мordmр

Дараагийн мordmр

Сvvлчийн мordmр

Харин урт нарийхан зурагаар догол мordmр хэсэгийг тусгаарлахад хэрэглэж том хэмжээний зурагийг та аль дуртайгаараа хэрэглэх боломжтой юм

Эдгээр зурагийн файлуудыг та ordmordmрordmordm бvтээсэн ч болно интернэт дэх дараах сайтуудаас татаж авч хэрэглэсэн ч болно

httpwwwabcgiantcom httpwwwwideareacoukdesigner httpwwwmyhideawaycomfreegraphics httpwwwaurevacomfreegraphics httpwwwerinetcomjelanefamilies httpausmallcomaufreegraf

Эдгээр сайтуудаас та олон сайхан зурагнуудыг олох бordmгordmordmд мordmн вэб дизайн графикын талаар бусад олон материалыг олох боломжтой юм (эдгээр сайтуудад очоод хэрэв та таалагдсан зурагаа татаж авахыг хvсвэл уг зурган дээрээ хулганыхаа баруун талын товчыг дараад Save image as гэсэн сонголтыг хийх хэрэгтэй)

Хэрэв та ordmordmрordmordm зургийн файлаа бvтээхийг хvсвэл танд GIF JPG файлыг хийдэг тусгай программ хангамж хэрэг болох болно Нэлээд ordmргordmн хэрэглэгддэг дараах программуудыг та энэ линкээр орж татаж авна уу httpwwwjasccomdownload_4asp Энд Animation Shop Media Center Plus Paint Shop Pro гэх мэтийн таны


хэрэгцээг бvрэн хангахуйц хэрэглэхэд амархан (vнэ тordmлбordmргvй) программууд байгаа болно

Ємнordm бид HTML-н Vндсэн коммандууд гэсэн хэсэгт дурдсан ѐсоор бид зургийн файлаа вэб хуудасандаа дараах байдлаар оруулна

ltimg src=зургийн файлын нэрgt

Мordmн та вэordm хуудасандаа байрлуулсан зурагаа линк болгон ашиглаж болох билээ Yvний тулд ердordmordm л anchor tag буюу линкын коммандын ард нь ltimg srcgt гэсэн

коммандаа тавьж ordmгordmх хэрэгтэй юм

Жишээ нь lta href=httpwwwasuultnetgtltimg src=asuultlogogif border=0gtltagt

Вэб хуудасандаа зурагаар дэвсгэр тавьж ordmгordmхийг хїсвэл ltbodygt комманд дотороо background=зурагийн файлын нэр гэж зааж ordmгнordm

Жишээ нь ltbody background=dewsgerjpggt


Зургандаа тайлбар бичих

Зарим хэрэглэгчидийн интернэтэд холбогдох хурд нь нэлээн удаан байдгаас зурагийг татаж авахад зурагийн том жижигээс хамаарч нэлээд их хугацаа шаардагддаг Ингэж хэрэглэгчийг хvлээх vед гарч ирээгїй байгаа зурагний агуулгыг илэрхийлж тvрvvлэн гарж ирж байдаг товчхон тайлбар хаягийг alt коммандаар зааж ordmгч болдог Зураг гарч ирсэний дараа ч гэсэн хулганы заагч уг зураган дээр ирэх vед энэ тайлбар хаяг мordmн гарч ирдэг Олон тооны хэрэглэгч ханддаг вэб хуудасанд бол энэ alt коммандыг заавал хэрэглэх хэрэгтэй

Жишээ нь ltimg src=asuult-logojpg alt=Асуулт Вэбний Хаягgt


Image Alignment

Зургийн файлаа хordmндлordmнгordmordmрordmordm аль тал руугаа толгой налахыг нь HTML-н Vндсэн коммандууд бvлэгийн Мordmрvvдийн Толгойг Налуулах гэсэн хэсэгт vзсэнтэй ижил байдлаар зааж ordmгдordmг

ltimg srcgt коммандынхаа ordmмнordm нь ltdiv align=gt гэсэн коммандыг хэрэглэж зурагныхаа голлуулах эсвэл баруун зїїн тал руу нь толгой налуулахыг нь зааж ordmгнordm

ltdivgt коммандыг ltimg srcgt коммандынхаа гадна тавьж ordmгordmх хэрэгтэй

ltalign=gt коммандыг ltimg srcgt коммандын дотор нь тавьж ordmгсordmнordmordmр дараах асуудлуудыг шийднэ

Зургийн файльтай нэг мordmрordmнд байгаа ардаас нь залгаж гарч ирж байгаа текстийн босоо чиглэлд аль хавьд нь бичигдэж байхыг нь энд зааж ordmгнordm


align=bottom Арын текст нь зургийнхаа доод ѐроолтой нь харалдаа гарч эхлэнэ ltimg src=gifhsw-logo3gif alt=How Stuff Works border=0 align=bottomgt

align=top Зургийнхаа дээд оройтой нь харалдаа эгнээнээс текст нь бичигдэнэ ltimg src=gifhsw-logo3gif alt=How Stuff Works border=0 align=topgt

align=middle Зургийнхаа голын шугам дээр нь ардах текст нь зогсож байхаар ltimg src=gifhsw-logo3gif alt=How Stuff Works border=0 align=middlegt

align=absmiddle Харин энэ удаад зурагийнхаа голын шугам дээр нь ардах текст нь мordmн голлож гарч байна ltimg src=gifhsw-logo3gif alt=How Stuff Works border=0 align=absmiddlegt


Амь оруулсан зурагийг оруулах

Хамгийн ordmргordmн хэрэглэгддэг 3 арга

1 GIF файль хэрэглэх Энэ нь хамгийн тїгээмэл хэрэглэгддэг бordmгordmordmд

уламжлалт арга нь билээ Харин дутагдал нь гэвэл ийм тordmрordmлийн файлийн хэмжээ нь асар том болчих гээд байдаг 1-3 кадр солигддог 468x65 хvртэлх хэмжээтэй файл їїсгэхэд бол хамгийн тохиромжтой арга

httpwwwgifwizardcom httpwwwgifcom

2 Macromedia Flash хэрэглэх Анхан шатны вэб хуудаснаасаа арай цаашлан гvнзгийрvvлэн хийхийг хїсвэл энэ арга нь хамгийн тохиромжтойд орно Боломжийн хувьд хязгаарлашгvй ordmндordmр бordmгordmordmд одоо хурдацаа аван хordmгжиж байгаа шинэхэн технологи билээ

httpwwwmacromediacomsoftwareflash

3 Java Applet хэрэглэх Энэ нь график дизайны хvрээнээс хальж илvv

их програмчлалын тал руугаа орно Программчлалын эриний дараагийн vеийг залгаж буй хvчирхэг Java хэл нь графикын хувьд ordmндordmр боломжтой ч гэсэн программчлалын хувьд тordmдийлordmн хялбар биш

httpjavasuncom


Вэб хуудасаа интернэтэд байрлуулах

Нэгэнт хийж дууссан вэб хуудасаа хэрхэн Вэб сэрвэрт байруулах вэ гэсэн дараагийн асуудалдаа оръѐ Хамгийн тааламжтай зvйл гэвэл асар олон байгууллага хувь хvмvvс ordmordmрсдийн вэб сэрвэртээ зай гаргаж бусдын хуудасыг байрлуулах боломж олгодог юм Ихэнх худалдааны байгууллагыд ordmordmрсдийн вэб ѐэрвэртээ бусдын хуудасыг байрлуулсаны тordmлordmordm тэдгээр вэб хуудаснуудад зарлал сурталчилгаа (banner add) байрлуулчихдаг Дараах хэдэн ликээр орж та ийм тordmрлийн vйлчилгээ явуулдаг хамгийн их ordmргordmн хэрэглэгддэг вэб сайтуудыг олж болно

Geocities

Tripod

Homestead

Angelfire

FortuneCity

Мordmн дараах линкээр орж та вэб сэрвэрт хуудас байрлуулах vнэгvй vйлчилгээ явуулдаг нэлээд олон сайтны жагсаалт болон тэдгээрт ordmгсordmн хэрэглэгчидийн vнэлгээг олох боломжтой юм

httpwww100best-free-web-spacecom

httpwwwfree-web-page-spacecomhostlistshtml

Дээрх хэлбэрээр та ordmordmрийн хуудасыг эдгээр сайтуудад байрлуулбал таны вэб хуудасны URL буюу хаяг тань httpwwwtaniiwebtripodcom гэх мэтээр ямар

нэгэн хэмжээгээр host сайтныхаа хаягийг агуулж байх болно

Хэрэв та хvсвэл тодорхой хэмжээний тordmлбordmр тordmлordmordmд дээрхээс нэлээд илvv vйлчилгээг олж авч бас болно Вэбээ байрлуулах их хэмжээний зай вэбийг тань байрлуулах сэрвэрийн ordmндordmр хурд найдвартай тогтмол ажиллагаа гэх мэт нэмэлтvvд энэхvv тordmлбordmртэй vйлчилгээнvvдэд багтна Харин хамгийн их хvмvvсийн дурладаг зvйл нь гэвэл энэ тordmлбordmртэйгээр вэб хуудас байрлуулах vйлчилгээ нь танд ordmordmрийн чинь хvссэн домайн нэр буюу wwwtaniiеhussennercom гэсэн таны ordmordmрийн гэсэн интернэт хаягтай болох боломж олгодог явдал юм Таны ordmordmрийн гэсэн URL

Монголын интернэт дэх хаяг нь mn тул та ordmordmрийн гэсэн wwwtaniinermn гэсэн хаягтай болохыг хvсвэл дараах линкээр орж дэлгэрэнгvй мэдээлэлийг олж авч болох юм httpwwwnicmn

Ер нь таны вэб хуудасанд хvссэн интернэт хаягийг тань ordmгдordmг энэ тordmрлийн vйлчилгээний vнэ нь vнэхээр олон янз байна Нэлээд ordmндordmр vнэтэйгээс авахуулаад vнэгvй хvртэл байна Хямдхан vйлчилгээнvvдэд нь сэрвэрийн хурд удаантай унтарсан байх тохиолдол олонтой гэх мэт дутагдал нэлээд ажиглагддаг Дараах хаягаар орж та ийм тordmрлийн компаниудын жишээг vзэж болно

httpwwwitempocom


httpwwwwebsiteyahoocom

Yнэгvй домайн нэр олгодог 2 компани байдаг

httpwwwnamezerocom

httpwwwnamedemocom

Эндээс та ordmordmрийн vнэгvй домайн нэр буюу интернэтийн хаягийг авч хэрэглэсний тordmлordmordm тэдний сурталчилгааны цонхыг нь вэб хуудасандаа гаргаж байх хэрэгтэй болно Мordmн энэ хоѐр компани нь танд вэбээ байрлуулах зай ordmгдordmггvй бordmгordmordmд та vнэгvй вэб байрлуулах vйлчилгээг хэрэглэж вэбээ интернэтэд байрлуулаад энэ vнэгvй домайн нэр олгох vйлчилгээнээс авсан хаягнаасаа тэр хуудасаа зааж ordmгordmх хэрэгтэй


Вэб хйигчдэд зориулсан vйлчилгээнvvд

Вэб хуудасаа та интернэтэд байрлууласаны дараа тvvнийгээ аль хэр их хordmл хordmдordmлгordmordmнтэй байна вэ гэдэгийг мэдэхийн тулд tracker гэсэн vйлчилгээг хэрэглэх хэрэгтэй Yvнийг хуудсандаа байрлуулсанаар та зочилж байгаа хvмvvсийг тоолдог ердийн counter vйлчилгээнээс гадна тэдгээр зочидынхоо хэрэглэж байгаа browser дэлгэцний цэгийн нарийвчлал vйлдлийн систем гэх мэт олон чухал статистикийн мэдээлэлийг олж авах боломжтой болно Ийм тordmрлийн vнэгvй vйлчилгээ явуулдаг сайтуудын линк

httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom

Харин та ердийн тоолуурыг эрхэмлэвэл httpwwwfastcountercom -г хэрэглэхийг зordmвлordmж байна

Вэб хийгчдэд зориулсан олон янзын хэргцээтэй vйлчилгээнvvд байдаг httpwwwsiteownercom httpwwwnetmechaniccom гэсэн хаягаар орвол та ordmordmрийн вэб хуудасны HTML-н алдааг шалгуулж сvлжээгээр дуудаж ачаалах хурд meta tag ordmordmр ordmordmр browser-т тохиромжтой ажиллах чадвар гэх мэт vнэлгээнvvдийг гаргаж ordmгч нэг дор олон хайлтын системд бvртгvvлэх гэх зэрэгийн олон хэрэгтэй vйлчилгээг явуулдаг


Meta Tags

Хэрвээ та ordmordmрийн хуудасаа хайлтын систем (search engine)-д байрлуулж ингэснээрээ бусад хvмvvст хайж олох боломж олгохыг хvсвэл хуудасандаа Meta tag-г хийж ordmгordmх хэрэгтэй болов уу Хамгийн ordmргordmн хэрэглэгддэг хоѐр янзын meta tag-аар та вэб хуудасандаа тайлбар хийж хайлтанд хэрэглэгдэж болох тvлхvvр vгсийг зааж ordmгordmх боломжтой болдог Meta tag-г заавал ltHEADgt ба ltHEADgt коммандуудын хооронд тавьж ordmгнordm Жишээ нь асуулт вэбний meta tag нь дараах байдалтай байна


ltMeta Name=Description Content=Монгол Залуучуудын Орчин Yеийн Мэдлэгийн Буланgt

ltMeta Name=keywords Content=mongol mongolian asuult asuult web hariult information tutorials explanation explains understand understanding reference tell me students teachers study educationalgt

Эхний комманд нь хуудасны тайлбарыг зааж ordmгч байна Хайлтын системvvд энэ тайлбараар нь вэб хуудаснуудыг жагсааж vзvvлддэг Хэрэв та энэ тайлбар-description tag-г нь зааж ordmгordmordmгvй бол хайлтын системvvд жагсаалтандаа хоосон

зай vлдээх буюу таны вэб хуудасны эхний 1-2 ordmгvvлбэрийг гаргаж vзvvлдэг

Дараагийн комманд нь хайлтын системvvдэд хайлтандаа хэрэглэх тvлхvvр vгнvvдийг зааж ordmгч байна Ихэвчлэн хайлтын системvvд нь хайлтандаа таны хуудасан дахь бvх vгийг хэрэглэдэг Гэвч зарим тохиолдолд таны вэб хуудасанд дотор нь бичигдээгvй боловч та хайлтанд хэрэглэж байхыг хvссэн зарим vгнvvд байвал тэдгээрийг энэ коммандаар зааж ordmгдordmг Мordmн зарим vгийг хvмvvс янз бvрээр бичдэг бол тэдгээр хувилбарыг нь энэ хэсэгт зааж ordmгвordmл зохимжтой юм Хordmл хordmдordmлгordmordmнийг нэмэгдvvлэх

За ингээд та вэб хуудасаа хийчихлээ тvvнийгээ сэрвэрт байрлуулчихлаа одоо нэгэнт тvvнийгээ бусдад vзvvлэх л гэж хийсэн юм чинь аль болох олон зочинтой байх тал дээр анхаарах хэрэгтэй болно Эс тэгэвээс таны хичээл зvтгэл гаргаж хийсэн бvтээлийг тань хэн ч олж vзэхгvй та хайран цагаа талаар vрсэн хэрэг болно Иймээс ямар нэгэн аргаар хvмvvсийг вэб хуудсандаа дуудаж авчирдаг байх хэрэгтэй болно

Бидний аз болоход асар олон янзын vр дvнтэй аргуудаас дуртайгаараа хэрэглэж болох ordmргordmн сонголт бидэнд байна Ингээд энэ бvлэгтээ site traffic буюу вэб хуудасанд зочилогсодын хordmл хordmдordmлгordmordmнийг хэрхэн нэмэгдvvлэх талаар дэлгэрvvлж ярилцъя


Хайлтын системvvдэд бvртгvvлэх

Хайлтын систем нь вэб хуудасыг уншиж доторхи бvх vгээр нь индекслэдэг Хайлтын системйиг хэрэглэж байгаа хvмvvс таны хуудасыг тvлхvvр vг хэрэглэж хайж олно Хайлтын системvvдийн сайн тал нь гэвэл хэрэглэгчийн ordmгсordmн vгийг агуулсан бvх хуудасыг олж ordmгдordmг Хайлтын системvvдийн муу тал нь гэвэл тэд ихэвчлэн vзээд баршгvй их vр дvн гаргаж ирдэг

Вэбнийхээ хordmл хordmдordmлгordmordmнийг нэмэгдvvлэх гэж байгаа хvний хувьд хайлтын системvvдийн бас нэг сайхан нь гэвэл бvртгvvлэхэд нэлээд амархан байдаг явдал юм Хайлтын системний хуудасны хаа нэгтээ нь submit a site ч юмуу нэг иймэрхvv агуулгатай линк байна Энэ линкийг ашиглаж та нэлээд хэдэн асуулттай форм бordmглordmсний дараа тэр даруйдаа таны вэб хуудас уг хайлтын системд бvртгэгдсэн байх болно Хамгийн ordmргordmн хэрэглэгддэг хайлтын системvvдийн submit-a-site хуудасны URL

Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler

Монголын вэбийн хайлтын системvvдийн бvртгэх хуудаснууд

Mongolnet

Molmn

Mobinetmn


Business listing service

Хэрвээ таны хуудас тань бизнестэй холбоотой бол дараах сайтуудад бvртгvvлчихэд буруудахгvй байх

AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate

Business Search Engines

EZDirectory

GTE Superpages

SmallBiz


Award Sites

Award сайтууд нь таны хуудасыг нийтэд vзvvлэхээс гадна (ихэвчлэн тодорхой нэг

цаг буюу ordmдordmрийн турш тэр цаг ordmдordmрийн сайт гэж танилцуулна) мordmн таны


хуудасанд янз бvрийн шагналыг олгодог Ямар ч гэсэн та vvний тулд эдгээр хуудаснуудад бvртгvvлсэн байх шаардлагатай Дараах жагсаалт бол хамгийн алдартай award сайтуудын жагсаалт юм

Cool Site of the Day

Coolest Picks for the Day

Seven Wonders of the Web

Web 100

Webby Awards

Wow Web Wonders


Бvртгэх vйлчилгээнvvд

Дараах компаниуд нь таны хуудасыг 100 гаруй хайлтын системд нэг удаад бvртгэж ordmгнordm Зарим нь бvр vнэгvйгээр шvv Ихэнх нь танд вэбний хordmл хordmдordmлгordmordmнийг ихэсгэх бусад олон янзын vйлчилгээг санал болгох болно Эдгээр хайлтын системvvдэд бvртгэж ordmгordmх vйлчилгээнvvдийн хувьд хамгийн гол ойлговол зохих зvйл бол эдгээр нь таны хийж чадахгvй юмыг хийж ordmгч байгаа юм биш шvv Та ordmordmрийнхordmordm хуудасыг эдэн шиг бvртгvvлчихэж чадна гэхдээ ийм олон хайлтын системд бvртгvvлэхэд шаардагдах цагийг ганцхан удаа форм хийж байгаагаараа маш их цаг хэмнэсэн давуу талтай юм

Yнэгvй бvртгэж ordmгordmх vйлчилгээнvvд Add Me Links2U SiteAdd Site Owner URL Submitter Web Site Garage

Эдгээр хаягнуудыг хэрэглэхдээ скам эмайлд ordmртordmх аюулаас сэргийлэх vvднээс ordmordmрийн vндсэн эмайл хаягаа бvртгvvлэхгvй байхыг зordmвлordmе


Харилцан линк хийх

Энэ нь Хэрвээ чи миний нурууг маажиж ordmгordmх юм бол би чиний нурууг бас маажиж ordmгнordm гэсэн зарчимтай бordmгordmordmд link exchange гэж нэрлэнэ Єordmрийнхordmordm вэб хуудастай

холбоотой байж болох вэб хуудаснуудыг олоод тэдгээрт имайл бичиж харилцан бие биенийхээ вэб хуудасны линкийг ordmordmрсдийн хуудасануудад байрлуулах хvсэлт тавих хэрэгтэй Статистикийн судалгаагаар бол та ингэж бичсэн нийт захианыхаа 25-д нь л зохих хариу авдаг гээд тодорхойлчихсон байгаа тул захианыхаа хариуг хэт их ordmordmдрordmгordmordmр хvлээх хэрэггvй юм Ямарч гэсэн энэ арга нь нэлээд vр дvнтэй шалгарсан аргуудын нэг юм Web ring нь vvний нэг хэлбэр бordmгordmordmд харин ялгаа нь гэвэл энэ ring сvлжээнд нь орсон вэб хуудаснуудад ring-н vйлчилгээ явуулж байгаа


газараас нь ordmгсordmн жижигхэн цонхыг тавих хэрэгтэй болдог Энэ линкээр орж та ordmordmрийн ring-г нээх буюу бусдын ring-д нэгдэн орох боломжтой юм httpdirwebringyahoocomrw


Тordmлбordmртэй сурталчилгаа

Хэрэв таны хийсэн хуудсанд олон зочины хordmл хordmдordmлгordmordmн vнэхээр яаралтай хэрэгтэй байгаа бол ordmдordmр тутамын олон зочинтой байдаг бусад сайтуудад тодорхой тordmлбordmр тordmлordmordmд ordmordmрийн хуудасны сурталчигааны зурагт хуудастай линкийг байрлуулах нь хамгийн шийдвэрлэх арга юм Эдгээр сурталгийний жижигхэн самбарыг banner add гэж нэрлэнэ Энд жишээ болгож 4-г vзvvлэв

Гадаадын ихэнх томоохон вэб сайтууд нь энэ талаар гаргасан тодорхой тарифтай байдаг 1000 удаагийн танилцуулга нь дунджаар 15$-70$ байна Манай монголын вэб хуудаснуудын хувьд энэ нь тordmдийлordmн цэгцрээгvй байгаа бизнесийн хувьд сайхан хоосон орон зай бordmгordmordmд зохион байгуулах эзнээ хvлээсээр байна


тавьж улмаар уг хуудасыг таны компъютерт сvлжээгээр дамжуулан татаж авдаг

o Мordmн Web browser нь татаж авсан вэб хуудасандах HTML tag буюу HTML коммандуудыг орчуулж ингэснээрээ уг хуудасыг зохиогчынх нь гаргахыг хvссэн ordmнгordm хэлбэр маягаар таны компъютерын дэлгэцэнд гаргадаг байна

Web server - Энэ нь интернэтэд вэб хуудасуудыг хадгалж байдаг Web browser-н хvсэлт тавьсаны дагуу хvссэн вэб хуудасыг нь интернэтээр илгээж байх vvрэгтэй ordmндordmр хvчин чадал бvхий тусгай компъютерууд юм Yvнийг та ерordmordmсordmordm асар олон лангуутай тэднийгээ бусдад тvрээсэлж байдаг vзэсгэлэн худалдааны байшинтай адилтган vзэж болно Та тэндээс нь нэг лангуу тvрээслэн авч ordmordmрийнхordmordm вэб хуудасыг тавихын тулд та тvрээсийн тordmлбordmр буюу hosting charge тordmлordmх хэрэгтэй болно Нэгэнт ингэж тависан хуудасыг дэлхийн аль ч булангаас интернэтэд холбогдсон хvн vзэх боломжтой Харин энэ байшингийн эзэнийг host гэж нэрлэнэ Ингээд ordmдordmр бvр сая сая ийм

Web server-vvд хэдэн арван сая хэрэглэгчийн Web browser-н хvссэн вэб хуудасыг нь дамжуулж байдаг асар том сvлжээг бид Интернэт гэж нэрлэдэг

(Гэхдээ Web browser нь зєвхєн интернэт дэх вэб хуудасыг vзvvлж байдаг гэсэн єрєєсгєл ойлголт байж болохгvй юм Энэ нь хаана ч байгаа (жишээ нь таны компъютер дээрх) вэб хуудасыг vзvvлэх боломжтой юм шvv)


Эх кодыг vзэх нь

Ихэнх компъютерын программуудын зохиогчынх нь бичсэн эх кодыг харах боломжгvй байдаг билээ Харин вэб хуудасны эх кодыг харах нь туйлын амархан бordmгordmordmд жишээ нь яг одоо миний энэ хуудасны аль ч хэсэгт хулганыхаа баруун талын товчыг дараад гарч ирэх цэснээс View Source гэсэн сонголтыг хийвэл

шинэ цонх гарч ирж та эх кодыг бvхлээр нь харах болно Арзайж иржийсэн аймаар юм харагдах болно гэдэгийг мэдэж байна Гэхдээ vvнийг хэцvv эд байна гэж ойлгож болохгvй шvv би ч гэсэн тэгэж харахаасаа айдаг юм Ямар ч гэсэн та тэр хуудаснаасаа энэ вэб хуудасыг таны дэлгэцэн дээр гаргахад ямар ямар HTML коммандуудыг хэрэглэсэн байгааг ерordmнхийд нь харах бvрэн боломжтой юм Та энэ маягаар интернэтэд байгаа бараг бvх вэб хуудасны эх кодыг харах боломжтой юм Ингэснээрээ танд интернэтээр хэсэж явахад тань ямар нэгэн гайхамшигтай дизайньтай вэб хуудас дайралдах аваас уг хуудасныхайй эх кодыг vзэж хэрхэн ийм хуудас хийхийг сурч авч байх ordmргordmн боломж олдож байгаа билээ

HTML Tag - HTML комманд

HTML Tag буюу HTML комманд нь таны текстыг хэрхэн харагдуулахыг тань Web

browser-т хэлдэг программын код юм HTML-н комманд болгон нь их багын хос тэмдэгний хооронд байдагаараа бусад хэлнээс онцлогтой юм












ltBODYgt ltHTMLgt




юм




















ltigt ltigt










зайтай












ltbody text=bluegt























Ном

Дэвтэр

Харандаа





Ном

Дэвтэр

Харандаа


Ном

Дэвтэр

Харандаа


харна уу

1 Ном

2 Дэвтэр

3 Харандаа








ашиглана









Асуулт Вэб



Yр дvн нь

Асуулт Вэб
















Жишээ нь





















lttablegt


lttrgt


lttdgt


A1 A2

B1 B2

C1 C2










































Cellpadding


Жишээ нь






Cellspacing











Жишээ нь




A B

C D












Cell Spanning



A B C





B









Frameset Document






























Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders


























ltBODYgt ltHTMLgt




юм




















ltigt ltigt










зайтай












ltbody text=bluegt























Ном

Дэвтэр

Харандаа





Ном

Дэвтэр

Харандаа


Ном

Дэвтэр

Харандаа


харна уу

1 Ном

2 Дэвтэр

3 Харандаа








ашиглана









Асуулт Вэб



Yр дvн нь

Асуулт Вэб
















Жишээ нь





















lttablegt


lttrgt


lttdgt


A1 A2

B1 B2

C1 C2










































Cellpadding


Жишээ нь






Cellspacing











Жишээ нь




A B

C D












Cell Spanning



A B C





B









Frameset Document






























Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders































ltigt ltigt










зайтай












ltbody text=bluegt























Ном

Дэвтэр

Харандаа





Ном

Дэвтэр

Харандаа


Ном

Дэвтэр

Харандаа


харна уу

1 Ном

2 Дэвтэр

3 Харандаа








ашиглана









Асуулт Вэб



Yр дvн нь

Асуулт Вэб
















Жишээ нь





















lttablegt


lttrgt


lttdgt


A1 A2

B1 B2

C1 C2










































Cellpadding


Жишээ нь






Cellspacing











Жишээ нь




A B

C D












Cell Spanning



A B C





B









Frameset Document






























Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders




















ltigt ltigt










зайтай












ltbody text=bluegt























Ном

Дэвтэр

Харандаа





Ном

Дэвтэр

Харандаа


Ном

Дэвтэр

Харандаа


харна уу

1 Ном

2 Дэвтэр

3 Харандаа








ашиглана









Асуулт Вэб



Yр дvн нь

Асуулт Вэб
















Жишээ нь





















lttablegt


lttrgt


lttdgt


A1 A2

B1 B2

C1 C2










































Cellpadding


Жишээ нь






Cellspacing











Жишээ нь




A B

C D












Cell Spanning



A B C





B









Frameset Document






























Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders



















ltbody text=bluegt























Ном

Дэвтэр

Харандаа





Ном

Дэвтэр

Харандаа


Ном

Дэвтэр

Харандаа


харна уу

1 Ном

2 Дэвтэр

3 Харандаа








ашиглана









Асуулт Вэб



Yр дvн нь

Асуулт Вэб
















Жишээ нь





















lttablegt


lttrgt


lttdgt


A1 A2

B1 B2

C1 C2










































Cellpadding


Жишээ нь






Cellspacing











Жишээ нь




A B

C D












Cell Spanning



A B C





B









Frameset Document






























Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders

















Ном

Дэвтэр

Харандаа





Ном

Дэвтэр

Харандаа


Ном

Дэвтэр

Харандаа


харна уу

1 Ном

2 Дэвтэр

3 Харандаа








ашиглана









Асуулт Вэб



Yр дvн нь

Асуулт Вэб
















Жишээ нь





















lttablegt


lttrgt


lttdgt


A1 A2

B1 B2

C1 C2










































Cellpadding


Жишээ нь






Cellspacing











Жишээ нь




A B

C D












Cell Spanning



A B C





B









Frameset Document






























Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders



















ашиглана









Асуулт Вэб



Yр дvн нь

Асуулт Вэб
















Жишээ нь





















lttablegt


lttrgt


lttdgt


A1 A2

B1 B2

C1 C2










































Cellpadding


Жишээ нь






Cellspacing











Жишээ нь




A B

C D












Cell Spanning



A B C





B









Frameset Document






























Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders


























Жишээ нь





















lttablegt


lttrgt


lttdgt


A1 A2

B1 B2

C1 C2










































Cellpadding


Жишээ нь






Cellspacing











Жишээ нь




A B

C D












Cell Spanning



A B C





B









Frameset Document






























Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders
























lttablegt


lttrgt


lttdgt


A1 A2

B1 B2

C1 C2










































Cellpadding


Жишээ нь






Cellspacing











Жишээ нь




A B

C D












Cell Spanning



A B C





B









Frameset Document






























Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders















































Cellpadding


Жишээ нь






Cellspacing











Жишээ нь




A B

C D












Cell Spanning



A B C





B









Frameset Document






























Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders





























Cellpadding


Жишээ нь






Cellspacing











Жишээ нь




A B

C D












Cell Spanning



A B C





B









Frameset Document






























Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders


























Жишээ нь




A B

C D












Cell Spanning



A B C





B









Frameset Document






























Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders

























Cell Spanning



A B C





B









Frameset Document






























Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders


















B









Frameset Document






























Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders










































Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders
























Scroll bar Border




















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders



























Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders

















Жижигхэн





Эхний мordmр






















Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders






























Image Alignment





















httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders































httpjavasuncom




Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders



















Geocities

Tripod

Homestead

Angelfire

FortuneCity









httpwwwitempocom




httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders



















httpwwwnamezerocom

httpwwwnamedemocom





httpwwwshowstatcom

httpwwwhitboxcom

httpwwwsitemetercom




Meta Tags














Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders




























Alta Vista

AOL Search


Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders

















Excite

Google

Hotbot

InfoseekGo

Lycos

Webcrawler


Mongolnet

Molmn

Mobinetmn




AllSearchEngines

b2bFreeNet

b2bNow

Big Book

BizBot

Biz Land

BizRate


EZDirectory

GTE Superpages

SmallBiz


Award Sites








Web 100

Webby Awards

Wow Web Wonders





















Web 100

Webby Awards

Wow Web Wonders























Documents

HTML