Your SlideShare is downloading. ×
Lecture 2
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Lecture 2

1,565
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,565
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
62
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. CS212 –Веб зохиомжийн үндэс Багш: Б. Тулга
  • 2. Лекц № 2
    • HTML кодчилол
    • Холболт, фрем
  • 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 &quot;>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 tag
    • Frame кодчлол ашигласнаар нэгээс олон хуудсыг нэгэн зэрэг харах боломжтой болно. HTML хуудас нь Frame гэж нэрлэгдэх хэсэг бүрт гарна. Frame бүр нь биеэ даасан өөр өөр файлууд байна.
    • <frameset> </frameset> tag нь дэлгэцэнд хэдэн хуудасыг хэд хувааж харагдуулахыг зааж өгдөг
    • <frameset> </frameset> tag- д мөр баганын тоог хувьсагчаар зааж өгдөг.
    • Хувьсагчийн нэр нь cols, row гэж өгнө .
    ! <frameset></frameset> кодчилол нь нээгдэж мөн хаагддаг болохыг анхаарна уу
  • 8.
    • Үнэдсэн хуудасандаа доорхи кодыг бичиж өгнө.
    • <html>
    • <frameset cols=&quot;30%,70%&quot;>
    • <frame src=&quot;frame_a.htm&quot;>
    • <frame src=&quot;frame_b.htm&quot;>
    • </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% эзэлж байна. &quot;frame_a.htm“ файл нь эхний баганад, &quot;frame_b.htm“ файл нь хоёр дахь баганад тус тус гарна.
    • Хоёр баганы хоорондох зураас дээр хулганы заагчийг байрлуулан хэмжээг өөрчилж болно. Хэрэв уг хэмжээг өөрлчөгдөхөөргүй болгоё гэвэл нэмэлт бичилт хийж өгнө.
    • <frame src=“frame_a.html” noresize=“true”>
  • 10.
    • Frame 3 хуваасан жишээ:
    • <html>
    • <frameset cols=&quot;30%, 40%, 30%&quot;>
    • <frame src=&quot;frame_a.html&quot;>
    • <frame src=&quot;frame_b.html&quot;>
    • <frame src=&quot;frame_c.html&quot;>
    • </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=&quot;50%,50%&quot;>
    • <frame src=&quot;frame_a.html&quot;>
    • <frameset cols=&quot;30%, 70%&quot;>
    • <frame src=&quot;frame_b.html&quot;>
    • <frame src=&quot;frame_c.html&quot;>
    • </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 -т байрлана.