SlideShare a Scribd company logo
1 of 18
Вэбийн үндэс

                  Лекц - 8


 Багш:   Г.Өсөхжаргал
Бүх л хуудсын хувьд хүчинтэй байх
 курсорын бичлэг зарлаж ашиглах
<html><head>
<style type=“text/css”>
Body{cursor:crosshair}
</style></head><body>
<b> Text <br>
    <a href=“a.html”> Link 1 </a> <br>
    <a href=“a.html”> Link 2 </a>
</b>
</body>
</html>
Хуудасны тодорхой хүрээнд хүчинтэй
байх курсорын хэлбэр зарлаж ашиглах
<html> <head> <style type=“text/css”>
.xlink a{cursor:crosshair}
.wlink a{cursor:help}
</style></head><body>
<b> <span class=“xlink”>
<a href=“a.html”> cross 1 </a> <br>
<a href=“a.html”> cross 2 </a> <br>
</span> <br>
<span class=“wlink”>
<a href=“a.html”> Help 1 </a> <br>
<a href=“a.html”> help 2 </a> <br>
</span> </b> </body></html>
Зургийг тунгалаг болгох
<img src="pic/mashin.jpg" style="opacity:0.4"

   onmouseover=“style.opacity=1“

   onmouseout=“style.opacity=0.4" >
Java Script
Java script хэлийг вэб хуудас хийхэд HTML

 кодчилолтой хамт ашиглана. HTML кодчилол нь
 зөвхөн текстийн агуулгыг харуулдаг. Java Script
 ашигласнаар    вэб   хуудсанд   зөвхөн   HTML
 кодчилолоор шийдэж чадахгүй байсан зүйлийг
 гүйцэтгэх болно.
Java Script
Java script кодчилолыг <body> </body> хэсэгт
  бичиж ашиглана.
Бичиглэх хэлбэр
<html> <body>
<script type="text/javascript">
       // энэ хооронд java script бичнэ.
</script>
</body>
</html>
Java Script
Java script кодчилолын мөр бүрийн ард (;) цэг

 таслал бичих шаардлагатай.
Текст бичих бол заавал хашилтанд бичиж өгнө.

 (“Text”)
Тайлбар бичихдээ /**/,// бичлэгүүдийг ашиглана.

Том жижиг үсэг ялгаатай ашиглана.
Java Script
<html>
<body>
<script type="text/javascript">
       document.write("Hello World!");
       alert("Java Script")
</script>
</body>
</html>
Java Script
Java script кодчилолыг HTML кодчилолын дунд

 бичихээс гадна .js өргөтгөлтэй файлд бичээд
 холбож ашиглаж болно.
Жишээ :

<script language=“javascript” src=“external.js”>
Java Script
external.js

document.bgColor="yellow";

document.write("<h1> This is header </h1>");

document.write("Text");
HTML кодчилолыг document.write() функц дотор

 бичнэ.
Хувьсагч зарлах
Хувьсагчийг   зарлахдаа var     түлхүүр үгийг
 ашигладаг. Хэрэв анхны утга олгож бичих бол
 хэрэгтэй газраа хувьсагчийн нэрийг бичиж , утга
 олгоход л хангалттай. Жишээ нь
<html> <body> <script language="javascript">
name="my first name";
name1=name;
document.write(name1);
</script> </body> </html>
<script language="javascript">
myvalue=2;
myValue=5;
result=myvalue+myValue;
document.write(result);
</script>
                        <script language="javascript">
                        myvalue=2;
                        myValue=5;
                        result=myvalue+MyValue;
                        document.write(result);
                        </script>
Харьцуулах ү йлдэл
Харьцуулахүйлдлийг гүйцэтгэхдээ if түлхүүр үгийг
 ашиглана.
If(нөхцөл) үйлдэл
Нэгээс олон үйлдэл хийх бол {} ашиглана.
If() else , if() else if() бүтцүүдийг ашиглаж болно.
==,!=, <, >,       <=,   >=       харьцуулах   үйлдлүүд
 ашиглагдана.
Жишээ:
If(a==b) alert (“ a equals b”);
If(Lastname==“Оюун”) { alert (“ Оюун”)};
Web basic 7
Web basic 7

More Related Content

What's hot (10)

Html даалгавар
Html даалгаварHtml даалгавар
Html даалгавар
 
10r angiin jishig bodlogo
10r angiin jishig bodlogo10r angiin jishig bodlogo
10r angiin jishig bodlogo
 
Html хичээл
Html хичээлHtml хичээл
Html хичээл
 
10 Анги дэвших шалгалт
10 Анги дэвших шалгалт10 Анги дэвших шалгалт
10 Анги дэвших шалгалт
 
Presentation1
Presentation1Presentation1
Presentation1
 
хүснэгт
хүснэгтхүснэгт
хүснэгт
 
текст хэлбэржүүлэх
текст хэлбэржүүлэхтекст хэлбэржүүлэх
текст хэлбэржүүлэх
 
Dynamic web 9
Dynamic web 9Dynamic web 9
Dynamic web 9
 
Lecture_1
Lecture_1Lecture_1
Lecture_1
 
Html hel 10-11 p анги
Html hel 10-11 p ангиHtml hel 10-11 p анги
Html hel 10-11 p анги
 

Viewers also liked

Java лекц5
Java лекц5Java лекц5
Java лекц5
Enkhee99
 
Java лекц№3
Java лекц№3Java лекц№3
Java лекц№3
Enkhee99
 
Java лекц№5
Java лекц№5 Java лекц№5
Java лекц№5
Enkhee99
 
Tecnologia Educativa
Tecnologia EducativaTecnologia Educativa
Tecnologia Educativa
peryguillen
 
Touristic Impact de la mobilité dans l'hôtellerie de plein air - 25-01-2011
Touristic Impact de la mobilité dans l'hôtellerie de plein air - 25-01-2011Touristic Impact de la mobilité dans l'hôtellerie de plein air - 25-01-2011
Touristic Impact de la mobilité dans l'hôtellerie de plein air - 25-01-2011
Pierre Eloy
 
El preescolar desde adentro
El preescolar desde adentroEl preescolar desde adentro
El preescolar desde adentro
gracielalunac
 
CHI Student Research Competition 2013
CHI Student Research Competition 2013CHI Student Research Competition 2013
CHI Student Research Competition 2013
Mike Crabb
 

Viewers also liked (20)

Java лекц5
Java лекц5Java лекц5
Java лекц5
 
Java лекц№3
Java лекц№3Java лекц№3
Java лекц№3
 
Java лекц№5
Java лекц№5 Java лекц№5
Java лекц№5
 
Sven Mary trekt financiële situatie kantoor bijna recht
Sven Mary trekt financiële situatie kantoor bijna rechtSven Mary trekt financiële situatie kantoor bijna recht
Sven Mary trekt financiële situatie kantoor bijna recht
 
Tecnologia Educativa
Tecnologia EducativaTecnologia Educativa
Tecnologia Educativa
 
Friday Sessions for Salesforce Admins at Dreamforce 2016
Friday Sessions for Salesforce Admins at Dreamforce 2016Friday Sessions for Salesforce Admins at Dreamforce 2016
Friday Sessions for Salesforce Admins at Dreamforce 2016
 
Touristic Impact de la mobilité dans l'hôtellerie de plein air - 25-01-2011
Touristic Impact de la mobilité dans l'hôtellerie de plein air - 25-01-2011Touristic Impact de la mobilité dans l'hôtellerie de plein air - 25-01-2011
Touristic Impact de la mobilité dans l'hôtellerie de plein air - 25-01-2011
 
TIK BAB 6
TIK BAB 6TIK BAB 6
TIK BAB 6
 
Thoughts and Words To Live By 46
Thoughts and Words To Live By 46Thoughts and Words To Live By 46
Thoughts and Words To Live By 46
 
てすと5
てすと5てすと5
てすと5
 
“Pintxo” de poivrons de piquillos farcis au thon blanc avec anchois cantabriq...
“Pintxo” de poivrons de piquillos farcis au thon blanc avec anchois cantabriq...“Pintxo” de poivrons de piquillos farcis au thon blanc avec anchois cantabriq...
“Pintxo” de poivrons de piquillos farcis au thon blanc avec anchois cantabriq...
 
How To Listen Carefully And Empathically TRAINING
How To Listen Carefully And Empathically TRAININGHow To Listen Carefully And Empathically TRAINING
How To Listen Carefully And Empathically TRAINING
 
Internet Marketing Trends 2007
Internet Marketing Trends 2007Internet Marketing Trends 2007
Internet Marketing Trends 2007
 
El preescolar desde adentro
El preescolar desde adentroEl preescolar desde adentro
El preescolar desde adentro
 
Fisica 2
Fisica 2Fisica 2
Fisica 2
 
תוצאות שאלון עמדות מנהלי שיווק מצייצים - אירוע קורנפלקס תלמה/יוניליוור
תוצאות שאלון עמדות מנהלי שיווק מצייצים - אירוע קורנפלקס תלמה/יוניליוורתוצאות שאלון עמדות מנהלי שיווק מצייצים - אירוע קורנפלקס תלמה/יוניליוור
תוצאות שאלון עמדות מנהלי שיווק מצייצים - אירוע קורנפלקס תלמה/יוניליוור
 
Thông tư 14/2016/TT-BGTVT ngày 28/06/2016 hướng dẫn thực hiện việc cân xác nh...
Thông tư 14/2016/TT-BGTVT ngày 28/06/2016 hướng dẫn thực hiện việc cân xác nh...Thông tư 14/2016/TT-BGTVT ngày 28/06/2016 hướng dẫn thực hiện việc cân xác nh...
Thông tư 14/2016/TT-BGTVT ngày 28/06/2016 hướng dẫn thực hiện việc cân xác nh...
 
CHI Student Research Competition 2013
CHI Student Research Competition 2013CHI Student Research Competition 2013
CHI Student Research Competition 2013
 
UX Nights Vol. 24.01: De la decodificación de emociones en Asperger a la doc...
UX Nights Vol. 24.01: De la decodificación de emociones en Asperger a la doc...UX Nights Vol. 24.01: De la decodificación de emociones en Asperger a la doc...
UX Nights Vol. 24.01: De la decodificación de emociones en Asperger a la doc...
 
Building Culture In Remote Teams
Building Culture In Remote TeamsBuilding Culture In Remote Teams
Building Culture In Remote Teams
 

More from Usukhuu Galaa (20)

Se304
Se304Se304
Se304
 
Se205
Se205Se205
Se205
 
Is320
Is320Is320
Is320
 
Is201
Is201Is201
Is201
 
Rdbms bie daalt
Rdbms bie daaltRdbms bie daalt
Rdbms bie daalt
 
Rdbms 300 test
Rdbms 300 testRdbms 300 test
Rdbms 300 test
 
DB-2
DB-2DB-2
DB-2
 
нийтлэл 1
нийтлэл 1нийтлэл 1
нийтлэл 1
 
IT13
IT13IT13
IT13
 
IT14
IT14IT14
IT14
 
IT12
IT12IT12
IT12
 
IT11
IT11IT11
IT11
 
IT10
IT10IT10
IT10
 
IT-9
IT-9IT-9
IT-9
 
IT-7
IT-7IT-7
IT-7
 
IT-6
IT-6IT-6
IT-6
 
IT-5
IT-5IT-5
IT-5
 
IT-4
IT-4IT-4
IT-4
 
IT-3
IT-3IT-3
IT-3
 
IT-2
IT-2IT-2
IT-2
 

Web basic 7

  • 1. Вэбийн үндэс Лекц - 8 Багш: Г.Өсөхжаргал
  • 2.
  • 3.
  • 4. Бүх л хуудсын хувьд хүчинтэй байх курсорын бичлэг зарлаж ашиглах <html><head> <style type=“text/css”> Body{cursor:crosshair} </style></head><body> <b> Text <br> <a href=“a.html”> Link 1 </a> <br> <a href=“a.html”> Link 2 </a> </b> </body> </html>
  • 5. Хуудасны тодорхой хүрээнд хүчинтэй байх курсорын хэлбэр зарлаж ашиглах <html> <head> <style type=“text/css”> .xlink a{cursor:crosshair} .wlink a{cursor:help} </style></head><body> <b> <span class=“xlink”> <a href=“a.html”> cross 1 </a> <br> <a href=“a.html”> cross 2 </a> <br> </span> <br> <span class=“wlink”> <a href=“a.html”> Help 1 </a> <br> <a href=“a.html”> help 2 </a> <br> </span> </b> </body></html>
  • 6. Зургийг тунгалаг болгох <img src="pic/mashin.jpg" style="opacity:0.4" onmouseover=“style.opacity=1“ onmouseout=“style.opacity=0.4" >
  • 7. Java Script Java script хэлийг вэб хуудас хийхэд HTML кодчилолтой хамт ашиглана. HTML кодчилол нь зөвхөн текстийн агуулгыг харуулдаг. Java Script ашигласнаар вэб хуудсанд зөвхөн HTML кодчилолоор шийдэж чадахгүй байсан зүйлийг гүйцэтгэх болно.
  • 8. Java Script Java script кодчилолыг <body> </body> хэсэгт бичиж ашиглана. Бичиглэх хэлбэр <html> <body> <script type="text/javascript"> // энэ хооронд java script бичнэ. </script> </body> </html>
  • 9. Java Script Java script кодчилолын мөр бүрийн ард (;) цэг таслал бичих шаардлагатай. Текст бичих бол заавал хашилтанд бичиж өгнө. (“Text”) Тайлбар бичихдээ /**/,// бичлэгүүдийг ашиглана. Том жижиг үсэг ялгаатай ашиглана.
  • 10. Java Script <html> <body> <script type="text/javascript"> document.write("Hello World!"); alert("Java Script") </script> </body> </html>
  • 11. Java Script Java script кодчилолыг HTML кодчилолын дунд бичихээс гадна .js өргөтгөлтэй файлд бичээд холбож ашиглаж болно. Жишээ : <script language=“javascript” src=“external.js”>
  • 12. Java Script external.js document.bgColor="yellow"; document.write("<h1> This is header </h1>"); document.write("Text"); HTML кодчилолыг document.write() функц дотор бичнэ.
  • 13. Хувьсагч зарлах Хувьсагчийг зарлахдаа var түлхүүр үгийг ашигладаг. Хэрэв анхны утга олгож бичих бол хэрэгтэй газраа хувьсагчийн нэрийг бичиж , утга олгоход л хангалттай. Жишээ нь <html> <body> <script language="javascript"> name="my first name"; name1=name; document.write(name1); </script> </body> </html>
  • 14.
  • 15. <script language="javascript"> myvalue=2; myValue=5; result=myvalue+myValue; document.write(result); </script> <script language="javascript"> myvalue=2; myValue=5; result=myvalue+MyValue; document.write(result); </script>
  • 16. Харьцуулах ү йлдэл Харьцуулахүйлдлийг гүйцэтгэхдээ if түлхүүр үгийг ашиглана. If(нөхцөл) үйлдэл Нэгээс олон үйлдэл хийх бол {} ашиглана. If() else , if() else if() бүтцүүдийг ашиглаж болно. ==,!=, <, >, <=, >= харьцуулах үйлдлүүд ашиглагдана. Жишээ: If(a==b) alert (“ a equals b”); If(Lastname==“Оюун”) { alert (“ Оюун”)};