Downloaded 84 times
More Related Content
![Fp0910 El Encuentro[1]](https://cdn.slidesharecdn.com/ss_thumbnails/fp0910elencuentro1-100303113543-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Lecture 2
- 1. CS212 –Веб зохиомжийн үндэс Багш: Б. Тулга
- 2. Лекц № 2HTML кодчилол Холболт, фрем
- 3. Холболт хийх HTML кодчилолууд <a> гэсэн кодчилолоор өөр веб хуудасруу шилжих холболтыг хийдэг. Уг кодчилолоор веб хуудас дээрх бүх төрлийн холболт хийж болдог . <body> <a> энэ хэсэгт бичигдэнэ </a> </body> Жишээ нь: HTML хуудас, хөдөлгөөнт дүрс, зураг, дууны файл, кино г.м холбож өгж болно .
- 4. Бичих дүрэм: <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> кодчилол нь нээгдэж мөн хаагддаг болохыг анхаарна уу
- 5. <a></a> кодчилолын target шинж чанар: Уг кодчилол ашиглана холбосон хуудас, зураг, видео г.м зүйл чинь хаана нээгдэхийг target шинж чанараар тодорхойлж өгж болно. Жнь: <a href= http://www.google.mn target=“_blank”</a> <a></a> кодчилолын name шинж чанар Name шинж чанар нь текстын хэсэгт нэр өгөөд тэр хэсэг рүү шилжихэд хэрэглэгдэнэ. Үүний тусламжтай таны веб хуудасыг үзэж байгаа хүн нэрлэгдсэн текстын хэсэгрүү шууд шилжих боломжтой болох юм.
- 6. Бичигдэх хэлбэр: <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” гэдэг үгийн дунд зай авах хэмжээг тодорхойлж байна
- 7. HTML FRAME tagFrame кодчлол ашигласнаар нэгээс олон хуудсыг нэгэн зэрэг харах боломжтой болно. HTML хуудас нь Frame гэж нэрлэгдэх хэсэг бүрт гарна. Frame бүр нь биеэ даасан өөр өөр файлууд байна. <frameset> </frameset> tag нь дэлгэцэнд хэдэн хуудасыг хэд хувааж харагдуулахыг зааж өгдөг <frameset> </frameset> tag- д мөр баганын тоог хувьсагчаар зааж өгдөг. Хувьсагчийн нэр нь cols, row гэж өгнө . ! <frameset></frameset> кодчилол нь нээгдэж мөн хаагддаг болохыг анхаарна уу
- 8. Үнэдсэн хуудасандаа доорхикодыг бичиж өгнө. <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>
- 9. frame_b.html хуудасанддоорхи кодыг бичнэ. <html> <body> <p> Frame_B </p> </body> </html> Жишээ 2 .htm l Уг жишээнд <frameset> tag нь 2 багана үүсгэж байна. Эхний багана нь 30%, нөгөө багана нь 70% эзэлж байна. "frame_a.htm“ файл нь эхний баганад, "frame_b.htm“ файл нь хоёр дахь баганад тус тус гарна. Хоёр баганы хоорондох зураас дээр хулганы заагчийг байрлуулан хэмжээг өөрчилж болно. Хэрэв уг хэмжээг өөрлчөгдөхөөргүй болгоё гэвэл нэмэлт бичилт хийж өгнө. <frame src=“frame_a.html” noresize=“true”>
- 10. 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.html Frame_b.html Frame_c.html Frame 3 хуваасан эх хуудас 4-лээ 1 Folder -т байрлах ёстой
- 11. 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>
- 12. 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>
- 13. 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>
- 14. 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.html Frame_b.html Frame_c.html Хуудасудаа үүсгэхээ мартаваа
- 15. Navigation frame Энэ нь хоёр frame -с тогтох бөгөөд эхний frame нь холболт хийх текстүүдийг агуулна. 2 дахь frame дээр холболтууд гарч ирнэ. Хуудасны нэрлэгдсэн хэсгийг харуулах Та бүхэн www.zaluu.com сайтаар зочилон уг жишээг хэрхэн ашигласаныг харах боломжтой.
- 16. 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 хэсэгт холбосон хуудас хаана нээгдэхийг зааж өгнө.
- 17. 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.html contents.html frame_a.html frame_b.html frame_c.html Хуудасууд бүгд 1 folder -т байрлана.