lecture 2
DESCRIPTION
TRANSCRIPT
CS212–Веб зохиомжийн үндэс
Багш: Б. Тулга
Лекц №2
HTML кодчилол
Холболт, фрем
Холболт хийх HTML кодчилолууд
<a> гэсэн кодчилолоор өөр веб хуудасруу шилжих холболтыг хийдэг. Уг кодчилолоор веб хуудас дээрх бүх төрлийн холболт хийж болдог.
<body>
<a> энэ хэсэгт бичигдэнэ </a>
</body>
Жишээ нь: HTML хуудас, хөдөлгөөнт дүрс, зураг, дууны файл, кино г.м холбож өгж болно.
Бичих дүрэм: <a href=“url”>Name</a>
Жишээ нь:
<HTML>
<title> Web design beginner </title>
<body>
<a href=“http://www.google.mn">Google</a>
</body>
</html>
<a> кодчилол нь холболт үүсгэж,
href хэсгийн ард бичигдсэн хаягтай холбогдох болно.
!<a> </a>
кодчилол нь нээгдэж мөн хаагддаг болохыг
анхаарна уу
<a></a> кодчилолын target шинж чанар:
Уг кодчилол ашиглана холбосон хуудас, зураг, видео г.м зүйл чинь хаана нээгдэхийг target шинж чанараар тодорхойлж өгж болно.
Жнь: <a href=http://www.google.mn target=“_blank”</a>
<a></a> кодчилолын name шинж чанар
Name шинж чанар нь текстын хэсэгт нэр өгөөд тэр хэсэг рүү шилжихэд хэрэглэгдэнэ. Үүний тусламжтай таны веб хуудасыг үзэж байгаа хүн нэрлэгдсэн текстын хэсэгрүү шууд шилжих боломжтой болох юм.
Бичигдэх хэлбэр:
<a name=“өгөгдсөн нэр”> Дэлгэцэнд харагдах нэр</a>
<a name=“top”> Top хэсэг </a>
Жнь: <a href=“1.html#top”>Top</a> Top гэсэн нэр өгсөн газарлуу үсрэн очих болно.
Жишээ 1.html-н жишээнээс харна уу.
<a></a> кодчилолыг ашиглан электон шуудангийн холболт хийж болно. Бичигдэх хэлбэр:
<a href=mailto:e-mail address?subject=Sain%20uu>
Mail ilgeeh</a>Жишээ 1.html-н жишээнээс харна уу.
Subject түлхүүр үгээр Гарчигийн хэсэгийг зааж өгч байна.
%20 гэдэг нь “Sain uu” гэдэг үгийн дунд зай авах хэмжээг тодорхойлж байна
HTML FRAME tag
Frame кодчлол ашигласнаар нэгээс олон хуудсыг нэгэн зэрэг харах боломжтой болно. HTML хуудас нь Frame гэж нэрлэгдэх хэсэг бүрт гарна. Frame бүр нь биеэ даасан өөр өөр файлууд байна.
<frameset> </frameset> tag нь дэлгэцэнд хэдэн хуудасыг хэд хувааж харагдуулахыг зааж өгдөг
<frameset> </frameset> tag-д мөр баганын тоог хувьсагчаар зааж өгдөг.
Хувьсагчийн нэр нь cols, row гэж өгнө . !<frameset></frameset>
кодчилол нь нээгдэж мөн хаагддаг болохыг
анхаарна уу
Үнэдсэн хуудасандаа доорхи кодыг бичиж өгнө.
<html>
<frameset cols="30%,70%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
</html>
frame_a.html хуудасанд доорхи кодыг бичнэ:
<html>
<body>
<p> Frame_A</p>
</body>
</html>
frame_b.html хуудасанд доорхи кодыг бичнэ.
<html>
<body>
<p> Frame_B </p>
</body>
</html> Жишээ 2.html
Уг жишээнд <frameset> tag нь 2 багана үүсгэж байна. Эхний багана нь 30%, нөгөө багана нь 70% эзэлж байна. "frame_a.htm“ файл нь эхний баганад, "frame_b.htm“ файл нь хоёр дахь баганад тус тус гарна.
Хоёр баганы хоорондох зураас дээр хулганы заагчийг байрлуулан хэмжээг өөрчилж болно. Хэрэв уг хэмжээг өөрлчөгдөхөөргүй болгоё гэвэл нэмэлт бичилт хийж өгнө.
<frame src=“frame_a.html” noresize=“true”>
Frame 3 хуваасан жишээ:
<html>
<frameset cols="30%, 40%, 30%">
<frame src="frame_a.html">
<frame src="frame_b.html">
<frame src="frame_c.html">
</frameset>
</html>Frame_a.htmlFrame_b.htmlFrame_c.html
Frame 3 хуваасан эх хуудас 4-лээ 1 Folder-т байрлах
ёстой
frame_a.html –д доорх кодыг бичнэ:
<html>
<body>
<center>
frame-a<br> frame-a<br>
frame-a<br> frame-a<br>
frame-a<br> frame-a <br>
</center>
</body>
</html>
frame_b.html –д доорх кодыг бичнэ:
<html>
<body>
<center>
frame-b<br> frame-b<br>
frame-b<br> frame-b<br>
frame-b<br> frame-b<br>
</center>
</body>
</html>
frame_c.html –д доорх кодыг бичнэ:
<html>
<body>
<center>
frame-c<br> frame-c<br>
frame-c<br> frame-c<br>
frame-c<br> frame-c <br>
</center>
</body>
</html>
Frame мөр багана хослуулан хуваах
<html>
<frameset rows="50%,50%">
<frame src="frame_a.html">
<frameset cols="30%, 70%">
<frame src="frame_b.html">
<frame src="frame_c.html">
</frameset>
</frameset>
</html>
Frame_a.htmlFrame_b.htmlFrame_c.html
Хуудасудаа үүсгэхээ мартаваа
Navigation frame
Энэ нь хоёр frame-с тогтох бөгөөд эхний frame нь холболт хийх текстүүдийг агуулна. 2 дахь frame дээр холболтууд гарч ирнэ.
Хуудасны нэрлэгдсэн хэсгийг харуулах
Та бүхэн www.zaluu.com сайтаар зочилон уг жишээг хэрхэн ашигласаныг харах боломжтой.
Navigation frame жишээ:
Contents.html хуудасанд доорхи кодыг бичнэ:
<html>
<body>
<a href=“frame_a.html” target=”showframe”>Frame_a</a><br></br>
<a href=“frame_b.html” target=”showframe”>Frame_b</a><br></br>
<a href=“frame_c.html” target=”showframe”>Frame_c</a><br></br>
</body>
</html>
Target хэсэгт холбосон хуудас хаана нээгдэхийг зааж өгнө.
frame.html –д доорхи кодыг бичнэ:
<html>
<frameset cols=“120,*”>
<frama scr=“contents.html”>
<frame scr=“frame_a.html” name=“showframe”>
</frameset>
</html>
! Та бүхэн дээрх Frame кодчилолтой танилцах явцадаа нэг зүйл анзаарсан байх.
<frameset> </frameset> нь хэзээ ч <body> </body> tag дотор бичигддэггүй.
frame.htmlcontents.htmlframe_a.htmlframe_b.htmlframe_c.html
Хуудасууд бүгд 1 folder-т байрлана.