SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Веб бол Интернэтийн сүлжээнд холбогдсон
компьютер дээр байрлах нэгэн төрлийн файл, файлууд
юм. Интернэт гэдэг нь олон компьютерийн хоорондын
сүлжээ гэж ойлгож болох юм. Эдгээр хоорондоо ихэвчлэн
HTTP гэсэн протокол ашиглан хоорондоо мэдээллээ
солилцдог.       Мэдээлэл гэдэг нь бидний мэдэх Веб
хуудас юм. Веб хуудсыг байрлуулах компьютерийг Веб
сервер гэх ба харин тэр мэдээллийг уншиж хөрвүүлэн
харуулж байгаа компьютерийг Client гэдэг.
        Хөрвүүлэгчийн жишээ гэвэл бидний сайн мэдэх
Internet Explorer, Mozilla Firefox, Opera, Chrome, Rockmelt
гэх мэт маш олон байдаг.
        Веб хуудас болгон өөрийн хаяг буюу Domain
нэртэй байдаг. Эдгээр хаягыг ашиглан хүмүүс хэрэгцээт
хаягруугаа хандан мэдээлэл авах боломжтой. Domain хаяг
нь цорын ганц байдаг бөгөөд ижил хаягтай байх
боломжгүй юм.
HTML гэдэг нь Hyper Text Markup
Language гэсэн үгийн товчлол юм. HTML
кодчлолыг    энгийн    Text    Editor   текст
боловсруулагч программуудыг ашиглан бичиж
болох бөгөөд одоо веб байгуулах өргөн боломж
бүхий программууд ихээр гарч ирж байгаа
болхоор веб бүтээхэд маш хялбар болж өгч
байна.
Веб хуудсыг бүтээж байгаа үндсэн хэлийг
HTML гэж нэрэлдэгийг бид мэдэх билээ. HTML-ыг
сайн сурахын тулд түүний бүтэц, бичиглэлийг сурах
шаардлагатай. HTML-ын үндсэн бүтэц нь тусгай
тодорхойлогчийг ашигладаг.
Үүнд:
“<” – командыг нээх тодорхойлогч
“>” – командыг хаах тодорхойлогч
        Энэ хоёр хаалтаар HTML командууд
тодорхойлогддог байна. Үүнийг HTML хэлний таг
"tag" гэдэг.
        Энэ нь нэг таг ямар хүрээнд үйлчлэх вэ?
гэдгийг тогтоох шаардлага гардагт оршино. Хаах
тагны өмнөх “<” тодорхойлогчийн ард "/" зураас
тавьж ашигладаг. Жишээ нь: <html>…</html>
Аливаа html файл <html> гэсэн tag-аар эхэлж
</html> гэсэн tag-аар төгссөн байх ёстой
байдаг.
HTML баримтыг үүсгэхдээ түүний ерөнхий бүтэц түүнийг
үүсгэдэг тагуудын талаар судлах ёстой юм. Энэ тагууд нь дараах
байдлаар бичигддэг. HTML баримт нь үндсэн бие, толгой хэсэг, гарчиг
зэрэг хасгүүдээс бүрддэг байна.
Эдгээрийг илэрхийлэх тагууд нь:
•<html> ба </html> тагууд энэ нь тухайн HTML файл буюу веб
хуудасны эхлэл ба төгсгөлийг зааж байх үүрэгтэй таг юм.
•<head> ба </head> таг энэ тагууд нь тухайн баримтын хувьд толгой
мэдээллийг тодорхойлж өгдөг байна. Мөн веб программчлал буюу
скрипт программын функцыг энэ хэсэгт бичиж өгдөг байна.
•<title> ба </title> таг энэ тагууд нь тухайн баримтын цонхонд гаргах
гарчгийн хэсгийг тодорхойлж өгдөг байна.
•<body> ба </body> таг энэ таг нь тухайн баримтын үндсэн биеийг
тодорхойлдог байна. Ө.х тухайн веб хуудсанд байгаа бүх л
элементүүүдийг энэ хэсэгт тодорхойлж өгдөг байна. Дэлгэцэнд
харагдаж байгаа бүх элементийг энэ хэсэгт тодорхойлж өгдөг.
•<!--> ба <--> таг энэ тагууд нь тухайн веб хуудсанд тодорхой
тайлбарыг бичихэд хэрэглэгддэг байна.
1.   Start->Programs->Accessories->Notepad команд
     сонгож Notepad программыг санах ойд ачаална.
2.   Шинэ файл үүсгэх HTML кодыг бичнэ.

<html>
<head>
<title> www.olonlog.edu.mn </title>
</head>
<body>
Тавтай морилно уу !
</body>
</html>
<table>
<tr>
<td>1 мөрийн эхний нүд</td>
<td>1 мөрийн хоёрдохь нүд</td>
<td>1 мөрийн гуравдахь нүд</td>
</tr>
<tr>
<td>2 мөрийн эхний нүд</td>
<td>2 мөрийн хоёрдохь нүд</td>
<td>2 мөрийн гуравдахь нүд</td>
</tr>
</table>
   <a href="http://www.w3schools.com">Visit W3Schools.com!
    </a>
   <tt>Teletype text</tt>
    <i>Italic text</i>
    <b>Bold text</b>
    <big>Big text</big>
    <small>Small text</small>
   <button type="button">Click Me!</button>

   <font size="3" color="red">This is some text!</font>
    <font size="2" color="blue">This is some text!</font>
    <font face="verdana" color="green">This is some text!</font>
   <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>
    <h3>This is heading 3</h3>
    <h4>This is heading 4</h4>
    <h5>This is heading 5</h5>
    <h6>This is heading 6</h6>
Html кодчлол гэж юу вэ

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Photoshop cs3 bagaj
Photoshop cs3 bagajPhotoshop cs3 bagaj
Photoshop cs3 bagaj
 
алгоритм 8
алгоритм 8алгоритм 8
алгоритм 8
 
Baagii test
Baagii testBaagii test
Baagii test
 
Lecture 3. css
Lecture 3. cssLecture 3. css
Lecture 3. css
 
Css
CssCss
Css
 
Lec2 c++helnii undeslel
Lec2 c++helnii undeslelLec2 c++helnii undeslel
Lec2 c++helnii undeslel
 
Web design -_lecture_1
Web design -_lecture_1Web design -_lecture_1
Web design -_lecture_1
 
мэдээллийн технологи 1 тест
мэдээллийн технологи 1 тестмэдээллийн технологи 1 тест
мэдээллийн технологи 1 тест
 
зурагтай ажиллах 7-р анги
зурагтай ажиллах 7-р ангизурагтай ажиллах 7-р анги
зурагтай ажиллах 7-р анги
 
5 algorithm
5 algorithm5 algorithm
5 algorithm
 
компьютерийн програм хангамж
компьютерийн програм хангамжкомпьютерийн програм хангамж
компьютерийн програм хангамж
 
бичвэр мэдээлэл боловсруулах програмын тест
бичвэр мэдээлэл боловсруулах  програмын тестбичвэр мэдээлэл боловсруулах  програмын тест
бичвэр мэдээлэл боловсруулах програмын тест
 
Html гэж юу вэ
Html гэж юу вэHtml гэж юу вэ
Html гэж юу вэ
 
Web design lecture 2
Web design   lecture 2Web design   lecture 2
Web design lecture 2
 
Smallbasic
SmallbasicSmallbasic
Smallbasic
 
User requirements
User requirementsUser requirements
User requirements
 
6 9 -r angi
6 9 -r angi6 9 -r angi
6 9 -r angi
 
Lecture 2
Lecture  2Lecture  2
Lecture 2
 
U.cs101 алгоритм программчлал-7
U.cs101   алгоритм программчлал-7U.cs101   алгоритм программчлал-7
U.cs101 алгоритм программчлал-7
 
Test
TestTest
Test
 

Andere mochten auch

Вэб технологи, түүний хэрэглээ 10-р анги
Вэб технологи, түүний хэрэглээ 10-р ангиВэб технологи, түүний хэрэглээ 10-р анги
Вэб технологи, түүний хэрэглээ 10-р ангиtsbmb
 
Веб сайт өөрөө хийж сурах бичиг
Веб сайт өөрөө хийж сурах бичигВеб сайт өөрөө хийж сурах бичиг
Веб сайт өөрөө хийж сурах бичигGantulga Dashdondov
 
Миний вэб сайт хийдэг аргачлал
Миний вэб сайт хийдэг аргачлалМиний вэб сайт хийдэг аргачлал
Миний вэб сайт хийдэг аргачлалJavkhlan Rentsendorj
 
Xml orchuulga bayarbat purevkhuu
Xml orchuulga bayarbat purevkhuuXml orchuulga bayarbat purevkhuu
Xml orchuulga bayarbat purevkhuuMoba Anax
 
мартын 8 ны нэгдсэн хөтөлбөр
мартын 8 ны нэгдсэн хөтөлбөрмартын 8 ны нэгдсэн хөтөлбөр
мартын 8 ны нэгдсэн хөтөлбөрEnkhbayasgalan Paragon
 
Б.Алтанцэцэг Ч.Буяндэлгэр - Ашигт ажиллагааны шинжилгээ
Б.Алтанцэцэг Ч.Буяндэлгэр - Ашигт ажиллагааны шинжилгээБ.Алтанцэцэг Ч.Буяндэлгэр - Ашигт ажиллагааны шинжилгээ
Б.Алтанцэцэг Ч.Буяндэлгэр - Ашигт ажиллагааны шинжилгээbatnasanb
 
Html лекц 1
Html лекц 1Html лекц 1
Html лекц 1nyamka0928
 

Andere mochten auch (10)

Html hel
Html helHtml hel
Html hel
 
Вэб технологи, түүний хэрэглээ 10-р анги
Вэб технологи, түүний хэрэглээ 10-р ангиВэб технологи, түүний хэрэглээ 10-р анги
Вэб технологи, түүний хэрэглээ 10-р анги
 
Веб сайт өөрөө хийж сурах бичиг
Веб сайт өөрөө хийж сурах бичигВеб сайт өөрөө хийж сурах бичиг
Веб сайт өөрөө хийж сурах бичиг
 
Миний вэб сайт хийдэг аргачлал
Миний вэб сайт хийдэг аргачлалМиний вэб сайт хийдэг аргачлал
Миний вэб сайт хийдэг аргачлал
 
Xml orchuulga bayarbat purevkhuu
Xml orchuulga bayarbat purevkhuuXml orchuulga bayarbat purevkhuu
Xml orchuulga bayarbat purevkhuu
 
мартын 8 ны нэгдсэн хөтөлбөр
мартын 8 ны нэгдсэн хөтөлбөрмартын 8 ны нэгдсэн хөтөлбөр
мартын 8 ны нэгдсэн хөтөлбөр
 
валютын зах зээл
валютын зах зээлвалютын зах зээл
валютын зах зээл
 
Б.Алтанцэцэг Ч.Буяндэлгэр - Ашигт ажиллагааны шинжилгээ
Б.Алтанцэцэг Ч.Буяндэлгэр - Ашигт ажиллагааны шинжилгээБ.Алтанцэцэг Ч.Буяндэлгэр - Ашигт ажиллагааны шинжилгээ
Б.Алтанцэцэг Ч.Буяндэлгэр - Ашигт ажиллагааны шинжилгээ
 
Html лекц 1
Html лекц 1Html лекц 1
Html лекц 1
 
Bk setguul
Bk setguulBk setguul
Bk setguul
 

Ähnlich wie Html кодчлол гэж юу вэ

Html лекц 1
Html лекц 1Html лекц 1
Html лекц 1nyamka0928
 
лабораторийн ажил 2
лабораторийн ажил 2лабораторийн ажил 2
лабораторийн ажил 2ulziibaatar
 
Lecture 1. introduction
Lecture 1. introductionLecture 1. introduction
Lecture 1. introductionKhangal Jargal
 
лабораторийн ажил 1
лабораторийн ажил 1лабораторийн ажил 1
лабораторийн ажил 1ulziibaatar
 
вэб мэдээлэл, вэб браузертэй ажиллах мэдээлэл хадгалах
вэб мэдээлэл, вэб браузертэй ажиллах мэдээлэл хадгалахвэб мэдээлэл, вэб браузертэй ажиллах мэдээлэл хадгалах
вэб мэдээлэл, вэб браузертэй ажиллах мэдээлэл хадгалахTeacher's E-content
 
Microsoft power point
Microsoft power pointMicrosoft power point
Microsoft power pointMyfirstturn
 
Microsoft power point
Microsoft power pointMicrosoft power point
Microsoft power pointMyfirstturn
 
Drawing
DrawingDrawing
Drawing199510
 

Ähnlich wie Html кодчлол гэж юу вэ (20)

Html лекц 1
Html лекц 1Html лекц 1
Html лекц 1
 
Html 1
Html 1Html 1
Html 1
 
Web intro
Web introWeb intro
Web intro
 
Web intro (1)
Web intro (1)Web intro (1)
Web intro (1)
 
Lecture 1
Lecture 1Lecture 1
Lecture 1
 
Presentation1
Presentation1Presentation1
Presentation1
 
Lekts3
Lekts3Lekts3
Lekts3
 
лабораторийн ажил 2
лабораторийн ажил 2лабораторийн ажил 2
лабораторийн ажил 2
 
Lecture 1. introduction
Lecture 1. introductionLecture 1. introduction
Lecture 1. introduction
 
лабораторийн ажил 1
лабораторийн ажил 1лабораторийн ажил 1
лабораторийн ажил 1
 
вэб мэдээлэл, вэб браузертэй ажиллах мэдээлэл хадгалах
вэб мэдээлэл, вэб браузертэй ажиллах мэдээлэл хадгалахвэб мэдээлэл, вэб браузертэй ажиллах мэдээлэл хадгалах
вэб мэдээлэл, вэб браузертэй ажиллах мэдээлэл хадгалах
 
Microsoft power point
Microsoft power pointMicrosoft power point
Microsoft power point
 
Microsoft power point
Microsoft power pointMicrosoft power point
Microsoft power point
 
Microsoft power point
Microsoft power pointMicrosoft power point
Microsoft power point
 
Lecture html head
Lecture   html headLecture   html head
Lecture html head
 
Microsoft power point
Microsoft power pointMicrosoft power point
Microsoft power point
 
Microsoft power point
Microsoft power pointMicrosoft power point
Microsoft power point
 
Automatic
AutomaticAutomatic
Automatic
 
Lecture 2
Lecture 2Lecture 2
Lecture 2
 
Drawing
DrawingDrawing
Drawing
 

Html кодчлол гэж юу вэ

  • 1.
  • 2. Веб бол Интернэтийн сүлжээнд холбогдсон компьютер дээр байрлах нэгэн төрлийн файл, файлууд юм. Интернэт гэдэг нь олон компьютерийн хоорондын сүлжээ гэж ойлгож болох юм. Эдгээр хоорондоо ихэвчлэн HTTP гэсэн протокол ашиглан хоорондоо мэдээллээ солилцдог. Мэдээлэл гэдэг нь бидний мэдэх Веб хуудас юм. Веб хуудсыг байрлуулах компьютерийг Веб сервер гэх ба харин тэр мэдээллийг уншиж хөрвүүлэн харуулж байгаа компьютерийг Client гэдэг. Хөрвүүлэгчийн жишээ гэвэл бидний сайн мэдэх Internet Explorer, Mozilla Firefox, Opera, Chrome, Rockmelt гэх мэт маш олон байдаг. Веб хуудас болгон өөрийн хаяг буюу Domain нэртэй байдаг. Эдгээр хаягыг ашиглан хүмүүс хэрэгцээт хаягруугаа хандан мэдээлэл авах боломжтой. Domain хаяг нь цорын ганц байдаг бөгөөд ижил хаягтай байх боломжгүй юм.
  • 3. HTML гэдэг нь Hyper Text Markup Language гэсэн үгийн товчлол юм. HTML кодчлолыг энгийн Text Editor текст боловсруулагч программуудыг ашиглан бичиж болох бөгөөд одоо веб байгуулах өргөн боломж бүхий программууд ихээр гарч ирж байгаа болхоор веб бүтээхэд маш хялбар болж өгч байна.
  • 4. Веб хуудсыг бүтээж байгаа үндсэн хэлийг HTML гэж нэрэлдэгийг бид мэдэх билээ. HTML-ыг сайн сурахын тулд түүний бүтэц, бичиглэлийг сурах шаардлагатай. HTML-ын үндсэн бүтэц нь тусгай тодорхойлогчийг ашигладаг. Үүнд: “<” – командыг нээх тодорхойлогч “>” – командыг хаах тодорхойлогч Энэ хоёр хаалтаар HTML командууд тодорхойлогддог байна. Үүнийг HTML хэлний таг "tag" гэдэг. Энэ нь нэг таг ямар хүрээнд үйлчлэх вэ? гэдгийг тогтоох шаардлага гардагт оршино. Хаах тагны өмнөх “<” тодорхойлогчийн ард "/" зураас тавьж ашигладаг. Жишээ нь: <html>…</html>
  • 5. Аливаа html файл <html> гэсэн tag-аар эхэлж </html> гэсэн tag-аар төгссөн байх ёстой байдаг.
  • 6. HTML баримтыг үүсгэхдээ түүний ерөнхий бүтэц түүнийг үүсгэдэг тагуудын талаар судлах ёстой юм. Энэ тагууд нь дараах байдлаар бичигддэг. HTML баримт нь үндсэн бие, толгой хэсэг, гарчиг зэрэг хасгүүдээс бүрддэг байна. Эдгээрийг илэрхийлэх тагууд нь: •<html> ба </html> тагууд энэ нь тухайн HTML файл буюу веб хуудасны эхлэл ба төгсгөлийг зааж байх үүрэгтэй таг юм. •<head> ба </head> таг энэ тагууд нь тухайн баримтын хувьд толгой мэдээллийг тодорхойлж өгдөг байна. Мөн веб программчлал буюу скрипт программын функцыг энэ хэсэгт бичиж өгдөг байна. •<title> ба </title> таг энэ тагууд нь тухайн баримтын цонхонд гаргах гарчгийн хэсгийг тодорхойлж өгдөг байна. •<body> ба </body> таг энэ таг нь тухайн баримтын үндсэн биеийг тодорхойлдог байна. Ө.х тухайн веб хуудсанд байгаа бүх л элементүүүдийг энэ хэсэгт тодорхойлж өгдөг байна. Дэлгэцэнд харагдаж байгаа бүх элементийг энэ хэсэгт тодорхойлж өгдөг. •<!--> ба <--> таг энэ тагууд нь тухайн веб хуудсанд тодорхой тайлбарыг бичихэд хэрэглэгддэг байна.
  • 7. 1. Start->Programs->Accessories->Notepad команд сонгож Notepad программыг санах ойд ачаална. 2. Шинэ файл үүсгэх HTML кодыг бичнэ. <html> <head> <title> www.olonlog.edu.mn </title> </head> <body> Тавтай морилно уу ! </body> </html>
  • 8. <table> <tr> <td>1 мөрийн эхний нүд</td> <td>1 мөрийн хоёрдохь нүд</td> <td>1 мөрийн гуравдахь нүд</td> </tr> <tr> <td>2 мөрийн эхний нүд</td> <td>2 мөрийн хоёрдохь нүд</td> <td>2 мөрийн гуравдахь нүд</td> </tr> </table>
  • 9. <a href="http://www.w3schools.com">Visit W3Schools.com! </a>  <tt>Teletype text</tt> <i>Italic text</i> <b>Bold text</b> <big>Big text</big> <small>Small text</small>  <button type="button">Click Me!</button>  <font size="3" color="red">This is some text!</font> <font size="2" color="blue">This is some text!</font> <font face="verdana" color="green">This is some text!</font>  <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6>