SlideShare a Scribd company logo
1 of 31
CS212 –Веб зохиомжийн үндэс Багш: Б. Тулга
Лекц № 3,4 ,[object Object],[object Object]
Хүснэгт  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Íýãýýñ îëîí ìºð áîëîí áàãàíûã íýãòãýí ºãºãäºë îðóóëàõ æèøýý ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
<table> Хүснэгтийг тодорхойлно <tr> Хүснэгтийн толгой тодорхойлоно <th> Хүснэгтийн мөр тодорхойлно <td> Хүснэгтийн өгөгдөл тодорхойлно <caption> Хүснэгтийн гарчиг тодорхойлно <colgroup> Багана нэгтгэхийг заана, тодорхойлно <col> Баганы шинж чанарыг тодорхойлно <thead> Хүснэгтийн толгойг тодорхойлно <tbody> Хүснэгтийн их биеийг тодорхойлно <tfoot> Хүснэгтийн төгсгөлийг тодорхойлно
HTML List ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
Æàãñààëòàí äîòîð äàõèí  æàãñààëò ¿¿ñãý сэн жишээ: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Æàãñààëòûí êîä÷ëîëóóä Êîä÷ëîë Òàéëáàð <ol> Ýðýìáýëýãäñýí æàãñààëò òîäîðõîéëíî. <ul> Ýðýìáýëýãäýýã¿é æàãñààëò òîäîðõîéëíî. <li> Æàãñààëò òîäîðõîéëíî. <dl> Òîäîðõîéëîëòûí æàãñààëò  òîäîðõîéëíî. <dt> Òîìú¸îëîë. <dd> Òîìú¸îëîë ûí òàéëáàð. <dir> <ul>-èéí îðîíä õýðýãëýæ áîëíî. <menu> <ul>-èéí îðîíä õýðýãëýæ áîëíî.
HTML FORM ,[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Form  ашигласан жишээ: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Кодчлол  Тайлбар   <form> Хэрэглэгчийн оруулгыг тодорхойлно <input> Оруулах талбар тодорхойлох <textarea> Текст талбар тодорхойлох <label> Нэр тодорхойлох <fieldset> Талбарын тохируулгыг тодорхойлох <legent> Талбарт гарчиг өгч түүнийг хүрээлнэ <select> Тэмдэглэх жагсаалт үүсгэнэ <opt group> Сонголтын багцыг тодорхойлно <option> Сонголтыг жагсаалтаар тодорхойлно <button> Товч  тодорхойлно <insidex> <input> -н оронд хэрэглэж болно
<img> tag  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

More Related Content

Viewers also liked

Viewers also liked (20)

Pinguins
PinguinsPinguins
Pinguins
 
Nan's pitch
Nan's pitchNan's pitch
Nan's pitch
 
first pitch
first pitchfirst pitch
first pitch
 
Antisemitism lithuania
Antisemitism lithuaniaAntisemitism lithuania
Antisemitism lithuania
 
testing _idea
testing _ideatesting _idea
testing _idea
 
waste management
waste managementwaste management
waste management
 
UNEP Plan
UNEP PlanUNEP Plan
UNEP Plan
 
Huntington Park Lacrosse Team
Huntington Park Lacrosse Team Huntington Park Lacrosse Team
Huntington Park Lacrosse Team
 
Pp Lect10 11
Pp Lect10 11Pp Lect10 11
Pp Lect10 11
 
wastage description
wastage descriptionwastage description
wastage description
 
Lina´s childhood
Lina´s childhoodLina´s childhood
Lina´s childhood
 
LeafRunningSustBusinessFinal
LeafRunningSustBusinessFinalLeafRunningSustBusinessFinal
LeafRunningSustBusinessFinal
 
Pp Lect4
Pp Lect4Pp Lect4
Pp Lect4
 
Youtube: ver, partilhar, carregar
Youtube: ver, partilhar, carregarYoutube: ver, partilhar, carregar
Youtube: ver, partilhar, carregar
 
Komputerku Nanda 5 C
Komputerku Nanda 5 CKomputerku Nanda 5 C
Komputerku Nanda 5 C
 
Exadel New
Exadel NewExadel New
Exadel New
 
Street Fighter
Street Fighter Street Fighter
Street Fighter
 
E-waste recycling-L
E-waste recycling-LE-waste recycling-L
E-waste recycling-L
 
cokiees
cokieescokiees
cokiees
 
before upload
before uploadbefore upload
before upload
 

Similar to Lecture 3 4

Similar to Lecture 3 4 (8)

лабораторийн ажил 4
лабораторийн ажил 4лабораторийн ажил 4
лабораторийн ажил 4
 
лабораторийн ажил 5
лабораторийн ажил 5лабораторийн ажил 5
лабораторийн ажил 5
 
Dynamic web 6
Dynamic web 6Dynamic web 6
Dynamic web 6
 
Dynamic web 9
Dynamic web 9Dynamic web 9
Dynamic web 9
 
C lects (2)
C lects (2)C lects (2)
C lects (2)
 
C lects (1)
C lects (1)C lects (1)
C lects (1)
 
web basic 9
web basic 9web basic 9
web basic 9
 
Dynamic web 10
Dynamic web 10Dynamic web 10
Dynamic web 10
 

More from ulziibaatar (18)

Lab4 Report
Lab4 ReportLab4 Report
Lab4 Report
 
Lab2 Query
Lab2 QueryLab2 Query
Lab2 Query
 
Pp Lect12 13
Pp Lect12 13Pp Lect12 13
Pp Lect12 13
 
Pp Lect9
Pp Lect9Pp Lect9
Pp Lect9
 
Pp Lect8
Pp Lect8Pp Lect8
Pp Lect8
 
Pp Lect4 5
Pp Lect4 5Pp Lect4 5
Pp Lect4 5
 
Access Table
Access TableAccess Table
Access Table
 
Pp Lect6
Pp Lect6Pp Lect6
Pp Lect6
 
Pp Lect41 1
Pp Lect41 1Pp Lect41 1
Pp Lect41 1
 
Pp Lect13 1
Pp Lect13 1Pp Lect13 1
Pp Lect13 1
 
Pp Lect9 10 1
Pp Lect9 10 1Pp Lect9 10 1
Pp Lect9 10 1
 
Pp Lect8 1
Pp Lect8 1Pp Lect8 1
Pp Lect8 1
 
Pp Lect7 1
Pp Lect7 1Pp Lect7 1
Pp Lect7 1
 
Pp Lect6 1
Pp Lect6 1Pp Lect6 1
Pp Lect6 1
 
Pp Lect5
Pp Lect5Pp Lect5
Pp Lect5
 
Sem9
Sem9Sem9
Sem9
 
Pp Lect3 1
Pp Lect3 1Pp Lect3 1
Pp Lect3 1
 
Pp Lect2 1
Pp Lect2 1Pp Lect2 1
Pp Lect2 1
 

Lecture 3 4

  • 1. CS212 –Веб зохиомжийн үндэс Багш: Б. Тулга
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10. <table> Хүснэгтийг тодорхойлно <tr> Хүснэгтийн толгой тодорхойлоно <th> Хүснэгтийн мөр тодорхойлно <td> Хүснэгтийн өгөгдөл тодорхойлно <caption> Хүснэгтийн гарчиг тодорхойлно <colgroup> Багана нэгтгэхийг заана, тодорхойлно <col> Баганы шинж чанарыг тодорхойлно <thead> Хүснэгтийн толгойг тодорхойлно <tbody> Хүснэгтийн их биеийг тодорхойлно <tfoot> Хүснэгтийн төгсгөлийг тодорхойлно
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. Æàãñààëòûí êîä÷ëîëóóä Êîä÷ëîë Òàéëáàð <ol> Ýðýìáýëýãäñýí æàãñààëò òîäîðõîéëíî. <ul> Ýðýìáýëýãäýýã¿é æàãñààëò òîäîðõîéëíî. <li> Æàãñààëò òîäîðõîéëíî. <dl> Òîäîðõîéëîëòûí æàãñààëò òîäîðõîéëíî. <dt> Òîìú¸îëîë. <dd> Òîìú¸îëîë ûí òàéëáàð. <dir> <ul>-èéí îðîíä õýðýãëýæ áîëíî. <menu> <ul>-èéí îðîíä õýðýãëýæ áîëíî.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29. Кодчлол Тайлбар <form> Хэрэглэгчийн оруулгыг тодорхойлно <input> Оруулах талбар тодорхойлох <textarea> Текст талбар тодорхойлох <label> Нэр тодорхойлох <fieldset> Талбарын тохируулгыг тодорхойлох <legent> Талбарт гарчиг өгч түүнийг хүрээлнэ <select> Тэмдэглэх жагсаалт үүсгэнэ <opt group> Сонголтын багцыг тодорхойлно <option> Сонголтыг жагсаалтаар тодорхойлно <button> Товч тодорхойлно <insidex> <input> -н оронд хэрэглэж болно
  • 30.
  • 31.