Suche senden
Hochladen
Html кодчлол гэж юу вэ
•
Als PPT, PDF herunterladen
•
5 gefällt mir
•
5,715 views
FLux YT
Folgen
Melden
Teilen
Melden
Teilen
1 von 10
Jetzt herunterladen
Empfohlen
вэб дизайн - хичээл 1
вэб дизайн - хичээл 1
Chantsaldulam Ganbadrakh
Html хичээл
Html хичээл
Баярсайхан Л
Html хэлний хичээл
Html хэлний хичээл
Otgonzaya Maagshin
Html hel 10-11 p анги
Html hel 10-11 p анги
Khishighuu Myanganbuu
чадварын үнэлгээ
чадварын үнэлгээ
Хөвсгөл аймаг Боловсролын газар
Веб технологи
Веб технологи
Bilguun Ochirbat
hicheel2
hicheel2
Turuu Tsogt
web basic 1
web basic 1
Usukhuu Galaa
Empfohlen
вэб дизайн - хичээл 1
вэб дизайн - хичээл 1
Chantsaldulam Ganbadrakh
Html хичээл
Html хичээл
Баярсайхан Л
Html хэлний хичээл
Html хэлний хичээл
Otgonzaya Maagshin
Html hel 10-11 p анги
Html hel 10-11 p анги
Khishighuu Myanganbuu
чадварын үнэлгээ
чадварын үнэлгээ
Хөвсгөл аймаг Боловсролын газар
Веб технологи
Веб технологи
Bilguun Ochirbat
hicheel2
hicheel2
Turuu Tsogt
web basic 1
web basic 1
Usukhuu Galaa
Photoshop cs3 bagaj
Photoshop cs3 bagaj
baljaadsg
алгоритм 8
алгоритм 8
Баярсайхан Л
Baagii test
Baagii test
amgaa97
Lecture 3. css
Lecture 3. css
Khangal Jargal
Css
Css
TileubekTiky
Lec2 c++helnii undeslel
Lec2 c++helnii undeslel
Turuu Tsogt
Web design -_lecture_1
Web design -_lecture_1
Soyokos Soyoko
мэдээллийн технологи 1 тест
мэдээллийн технологи 1 тест
Батбагана Баасанжав
зурагтай ажиллах 7-р анги
зурагтай ажиллах 7-р анги
O Onongoo
5 algorithm
5 algorithm
Turuu Tsogt
компьютерийн програм хангамж
компьютерийн програм хангамж
tseegii6
бичвэр мэдээлэл боловсруулах програмын тест
бичвэр мэдээлэл боловсруулах програмын тест
Maral Bobih
Html гэж юу вэ
Html гэж юу вэ
Enhmandah Hemeelee
Web design lecture 2
Web design lecture 2
Chantsaldulam Ganbadrakh
Smallbasic
Smallbasic
Баярсайхан Л
User requirements
User requirements
Usukhuu Galaa
6 9 -r angi
6 9 -r angi
Баярдалай Баатаржав
Lecture 2
Lecture 2
csms_student
U.cs101 алгоритм программчлал-7
U.cs101 алгоритм программчлал-7
Badral Khurelbaatar
Test
Test
Dash Oogii
Html hel
Html hel
Munkhuu Buyanaa
Вэб технологи, түүний хэрэглээ 10-р анги
Вэб технологи, түүний хэрэглээ 10-р анги
tsbmb
Weitere ähnliche Inhalte
Was ist angesagt?
Photoshop cs3 bagaj
Photoshop cs3 bagaj
baljaadsg
алгоритм 8
алгоритм 8
Баярсайхан Л
Baagii test
Baagii test
amgaa97
Lecture 3. css
Lecture 3. css
Khangal Jargal
Css
Css
TileubekTiky
Lec2 c++helnii undeslel
Lec2 c++helnii undeslel
Turuu Tsogt
Web design -_lecture_1
Web design -_lecture_1
Soyokos Soyoko
мэдээллийн технологи 1 тест
мэдээллийн технологи 1 тест
Батбагана Баасанжав
зурагтай ажиллах 7-р анги
зурагтай ажиллах 7-р анги
O Onongoo
5 algorithm
5 algorithm
Turuu Tsogt
компьютерийн програм хангамж
компьютерийн програм хангамж
tseegii6
бичвэр мэдээлэл боловсруулах програмын тест
бичвэр мэдээлэл боловсруулах програмын тест
Maral Bobih
Html гэж юу вэ
Html гэж юу вэ
Enhmandah Hemeelee
Web design lecture 2
Web design lecture 2
Chantsaldulam Ganbadrakh
Smallbasic
Smallbasic
Баярсайхан Л
User requirements
User requirements
Usukhuu Galaa
6 9 -r angi
6 9 -r angi
Баярдалай Баатаржав
Lecture 2
Lecture 2
csms_student
U.cs101 алгоритм программчлал-7
U.cs101 алгоритм программчлал-7
Badral Khurelbaatar
Test
Test
Dash Oogii
Was ist angesagt?
(20)
Photoshop cs3 bagaj
Photoshop cs3 bagaj
алгоритм 8
алгоритм 8
Baagii test
Baagii test
Lecture 3. css
Lecture 3. css
Css
Css
Lec2 c++helnii undeslel
Lec2 c++helnii undeslel
Web design -_lecture_1
Web design -_lecture_1
мэдээллийн технологи 1 тест
мэдээллийн технологи 1 тест
зурагтай ажиллах 7-р анги
зурагтай ажиллах 7-р анги
5 algorithm
5 algorithm
компьютерийн програм хангамж
компьютерийн програм хангамж
бичвэр мэдээлэл боловсруулах програмын тест
бичвэр мэдээлэл боловсруулах програмын тест
Html гэж юу вэ
Html гэж юу вэ
Web design lecture 2
Web design lecture 2
Smallbasic
Smallbasic
User requirements
User requirements
6 9 -r angi
6 9 -r angi
Lecture 2
Lecture 2
U.cs101 алгоритм программчлал-7
U.cs101 алгоритм программчлал-7
Test
Test
Andere mochten auch
Html hel
Html hel
Munkhuu Buyanaa
Вэб технологи, түүний хэрэглээ 10-р анги
Вэб технологи, түүний хэрэглээ 10-р анги
tsbmb
Веб сайт өөрөө хийж сурах бичиг
Веб сайт өөрөө хийж сурах бичиг
Gantulga Dashdondov
Миний вэб сайт хийдэг аргачлал
Миний вэб сайт хийдэг аргачлал
Javkhlan Rentsendorj
Xml orchuulga bayarbat purevkhuu
Xml orchuulga bayarbat purevkhuu
Moba Anax
мартын 8 ны нэгдсэн хөтөлбөр
мартын 8 ны нэгдсэн хөтөлбөр
Enkhbayasgalan Paragon
валютын зах зээл
валютын зах зээл
Pvrewsvren Davaasvren
Б.Алтанцэцэг Ч.Буяндэлгэр - Ашигт ажиллагааны шинжилгээ
Б.Алтанцэцэг Ч.Буяндэлгэр - Ашигт ажиллагааны шинжилгээ
batnasanb
Html лекц 1
Html лекц 1
nyamka0928
Bk setguul
Bk setguul
Багшийн мэргэжил дээшлүүлэх институт
Andere mochten auch
(10)
Html hel
Html hel
Вэб технологи, түүний хэрэглээ 10-р анги
Вэб технологи, түүний хэрэглээ 10-р анги
Веб сайт өөрөө хийж сурах бичиг
Веб сайт өөрөө хийж сурах бичиг
Миний вэб сайт хийдэг аргачлал
Миний вэб сайт хийдэг аргачлал
Xml orchuulga bayarbat purevkhuu
Xml orchuulga bayarbat purevkhuu
мартын 8 ны нэгдсэн хөтөлбөр
мартын 8 ны нэгдсэн хөтөлбөр
валютын зах зээл
валютын зах зээл
Б.Алтанцэцэг Ч.Буяндэлгэр - Ашигт ажиллагааны шинжилгээ
Б.Алтанцэцэг Ч.Буяндэлгэр - Ашигт ажиллагааны шинжилгээ
Html лекц 1
Html лекц 1
Bk setguul
Bk setguul
Ähnlich wie Html кодчлол гэж юу вэ
Html лекц 1
Html лекц 1
nyamka0928
Html 1
Html 1
nyamka0928
Web intro
Web intro
Babaa Naya
Web intro (1)
Web intro (1)
badarch bayarnemeh
Lecture 1
Lecture 1
ulziibaatar
Presentation1
Presentation1
Sainaa Sain
Lekts3
Lekts3
daalt209
лабораторийн ажил 2
лабораторийн ажил 2
ulziibaatar
Lecture 1. introduction
Lecture 1. introduction
Khangal Jargal
лабораторийн ажил 1
лабораторийн ажил 1
ulziibaatar
вэб мэдээлэл, вэб браузертэй ажиллах мэдээлэл хадгалах
вэб мэдээлэл, вэб браузертэй ажиллах мэдээлэл хадгалах
Teacher's E-content
Microsoft power point
Microsoft power point
Myfirstturn
Microsoft power point
Microsoft power point
KhulangooZorigt
Microsoft power point
Microsoft power point
Myfirstturn
Lecture html head
Lecture html head
Энхтамир Ш
Microsoft power point
Microsoft power point
KhulangooZorigt
Microsoft power point
Microsoft power point
KhulangooZorigt
Automatic
Automatic
Enhmandah Hemeelee
Lecture 2
Lecture 2
ulziibaatar
Drawing
Drawing
199510
Ähnlich wie Html кодчлол гэж юу вэ
(20)
Html лекц 1
Html лекц 1
Html 1
Html 1
Web intro
Web intro
Web intro (1)
Web intro (1)
Lecture 1
Lecture 1
Presentation1
Presentation1
Lekts3
Lekts3
лабораторийн ажил 2
лабораторийн ажил 2
Lecture 1. introduction
Lecture 1. introduction
лабораторийн ажил 1
лабораторийн ажил 1
вэб мэдээлэл, вэб браузертэй ажиллах мэдээлэл хадгалах
вэб мэдээлэл, вэб браузертэй ажиллах мэдээлэл хадгалах
Microsoft power point
Microsoft power point
Microsoft power point
Microsoft power point
Microsoft power point
Microsoft power point
Lecture html head
Lecture html head
Microsoft power point
Microsoft power point
Microsoft power point
Microsoft power point
Automatic
Automatic
Lecture 2
Lecture 2
Drawing
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>
Jetzt herunterladen