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

                  Лекц - 8


 Багш:   Г.Өсөхжаргал
Web basic 7
Web basic 7
Бүх л хуудсын хувьд хүчинтэй байх
 курсорын бичлэг зарлаж ашиглах
<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>
Web basic 7
<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

PPTX
web basic 9
PPT
Web basic 5
PPT
web basic 6
PDF
Lecture 3. css
PDF
Lecture 2. html
PDF
Web design lecture 2
PDF
Web design -_lecture_1
PPTX
web basic 9
Web basic 5
web basic 6
Lecture 3. css
Lecture 2. html
Web design lecture 2
Web design -_lecture_1

What's hot (10)

PDF
Html даалгавар
DOCX
10r angiin jishig bodlogo
PPS
Html хичээл
PDF
10 Анги дэвших шалгалт
PPTX
Presentation1
PPTX
хүснэгт
PPTX
текст хэлбэржүүлэх
PPT
Dynamic web 9
PPT
Lecture_1
PPTX
Html hel 10-11 p анги
Html даалгавар
10r angiin jishig bodlogo
Html хичээл
10 Анги дэвших шалгалт
Presentation1
хүснэгт
текст хэлбэржүүлэх
Dynamic web 9
Lecture_1
Html hel 10-11 p анги
Ad

Viewers also liked (20)

PPTX
Java лекц5
PPTX
Java лекц№3
PPTX
Java лекц№5
DOC
Sven Mary trekt financiële situatie kantoor bijna recht
PPTX
Tecnologia Educativa
PPTX
Friday Sessions for Salesforce Admins at Dreamforce 2016
PPTX
Touristic Impact de la mobilité dans l'hôtellerie de plein air - 25-01-2011
PPTX
TIK BAB 6
DOC
Thoughts and Words To Live By 46
PPT
てすと5
PDF
“Pintxo” de poivrons de piquillos farcis au thon blanc avec anchois cantabriq...
PPT
How To Listen Carefully And Empathically TRAINING
PDF
Internet Marketing Trends 2007
PPT
El preescolar desde adentro
DOCX
Fisica 2
PPTX
תוצאות שאלון עמדות מנהלי שיווק מצייצים - אירוע קורנפלקס תלמה/יוניליוור
DOC
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...
PDF
CHI Student Research Competition 2013
PPTX
UX Nights Vol. 24.01: De la decodificación de emociones en Asperger a la doc...
PDF
Building Culture In Remote Teams
Java лекц5
Java лекц№3
Java лекц№5
Sven Mary trekt financiële situatie kantoor bijna recht
Tecnologia Educativa
Friday Sessions for Salesforce Admins at Dreamforce 2016
Touristic Impact de la mobilité dans l'hôtellerie de plein air - 25-01-2011
TIK BAB 6
Thoughts and Words To Live By 46
てすと5
“Pintxo” de poivrons de piquillos farcis au thon blanc avec anchois cantabriq...
How To Listen Carefully And Empathically TRAINING
Internet Marketing Trends 2007
El preescolar desde adentro
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...
CHI Student Research Competition 2013
UX Nights Vol. 24.01: De la decodificación de emociones en Asperger a la doc...
Building Culture In Remote Teams
Ad

Similar to Web basic 7 (20)

PPTX
Html, css, java script
PDF
Web intro (1)
PDF
Web intro
PDF
Lecture 1. introduction
PPTX
вэб дизайн - хичээл 1
PPT
WEB BASIC 2
PPT
Html кодчлол гэж юу вэ
PPTX
web basic 10
PPT
Day 2 php
 
PPT
web basic 1
PPTX
Java script xэрэглээ
PPTX
Html hel
PPT
Xml orchuulga bayarbat purevkhuu
DOCX
Dynamic web 3
PPT
Lecture 2
DOCX
Html гэж юу вэ
DOCX
DW test
DOCX
Html tag
Html, css, java script
Web intro (1)
Web intro
Lecture 1. introduction
вэб дизайн - хичээл 1
WEB BASIC 2
Html кодчлол гэж юу вэ
web basic 10
Day 2 php
 
web basic 1
Java script xэрэглээ
Html hel
Xml orchuulga bayarbat purevkhuu
Dynamic web 3
Lecture 2
Html гэж юу вэ
DW test
Html tag

More from Usukhuu Galaa (20)

DOCX
DOCX
DOCX
DOCX
DOCX
Rdbms bie daalt
DOCX
Rdbms 300 test
PPTX
DOCX
нийтлэл 1
PPT
PPT
PPT
PPT
PPT
PPT
PPT
PPT
PPT
PPT
PPT
PPT

Web basic 7

  • 1. Вэбийн үндэс Лекц - 8 Багш: Г.Өсөхжаргал
  • 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>
  • 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 (“ Оюун”)};