1. Лабораторийн ажил 4<br />Зорилго: <br />HTML кодчиллын жагсаалт үүсгэх болон хүснэгт үүсгэх tag-уудыг ашиглаж сурах<br />Бэлтгэл: <br />Ямар нэг текст боловсруулах програм нээх. (Notepad, UltraEdit32 г.м) <br />Гүйцэтгэх даалгавар:<br />HTML кодчиллын жагсаалт үүсгэх болон хүснэгт үүсгэх tag-уудыг ашигласан жишээтэй танилцаж, тэдгээрийг ашигласан жишээ бичиж ажиллуулах.<br />Алхам 1. Холимог жагсаалт үүсгэх жишээ<br /><ul> <li> Сэдэв 1 <li> Сэдэв 2 <ul type = circle> <li> Сэдэв 2 - 1 <ol type=A start=3> <li> Сэдэв 2 –1 - 1 <li> Сэдэв 2 –1 - 2 </ol> <li> Сэдэв 2 - 2 <li> Сэдэв 2 - 3 </ul> <li> Сэдэв 3 </ul> Үр дүн:Сэдэв 1 Сэдэв 2 Сэдэв 2 - 1 Сэдэв 2 – 1 - 1Сэдэв 2 – 1 - 2Сэдэв 2 - 2 Сэдэв 2 - 3 Сэдэв 3 <br /><ul> - дугаарлагдаагүй жагсаалт үүсгэх<br />type – дугаарлалтын өмнөх тэмдэглэгээг тодорхойлно.<br /> circle – тойрог хэлбэрээр<br /> square – дөрвөлжин хэлбэрээр<br /> disc – хар дугуй хэлбэрээр<br /><li> - жагсаалтын элементүүдийг үүсгэх<br /><ol> - дугаарлагдсан жагсаалт үүсгэх<br />type – дугаарлах хэлбэрийг тодорхойлно. <br />start – дугаарлалт хэдээс эхлэхийг тодорхойлно.<br />Алхам 2. Хүснэгт үүсгэх<br /><table border=3 cellpadding=4 cellspacing=8><br /><caption><font size=+1>Цалингийн хvснэгт</font></caption><br /><tr><br /> <th></th><br /> <th><font color=#EE8844>Ажилчдын нэрс</font></th> <br /> <br /><th><font color=#EE8844>Ажилласан <br> хоног</font></th> <br /> <th><font color=#EE8844>Цалин</font></th><br /></tr><br /><tr><br /> <td valign=center rowspan=3><br /> <font color=#EE8844><i>Захиргааны<br>хэлтэс</i></font><br />297180013970 </td><br /> <td>Гэрэлмаа</td><br /> <td align=center>19</td><br /> <td align=center>80000</td><br /></tr><br /><tr><br /> <td>Баатар</td><br /> <td align=center>20</td><br /> <td align=center>140000</td> <br /></tr><br /><tr><br /> <td>Отгон</td><br /> <td align=center>17</td><br /> <td align=center>98000</td> <br /></tr><br /></table><br />Кодын тайлбар:<br /><table>... </table> - хүснэгт эхлэх ба дуусахыг илэрхийлнэ <br />border – хүснэгтийн хүрээний өргөн<br />cellspacing - нүд хоорондын зайг тодорхойлно. <br />cellpading - нүдний өгөгдөл ба нүдний хүрээ хоорондох зайг тодорхойлно.<br />bordercolor – хүснэгтийн хүрээний өнгийг тодорхойлох <br /><caption> - хүснэгтийн гарчиг оруулахад ашиглагдана.<br /><tr> - хүснэгтийн мөр тодорхойлох<br /><th> - хүснэгтийн толгой хэсгийг оруулах<br /><td> - (table data) Нүдэнд бичигдэх өгөгдөл <br />align - нүдэн дэх өгөгдлийн хэвтээ тэнхлэгийн дагуух зэрэгцүүлэлт<br />valign – нүдэн дэх өгөгдлийн босоо тэнхлэгийн дагуух зэрэгцүүлэлт <br />rowspan – хүснэгтийн нүдийг мөрийн дагуу нэгтгэх/авах утга: нэгтгэх нүдний тоо/<br />colspan – хүснэгтийн нүдийг баганы дагуу нэгтгэх /авах утга: нэгтгэх нүдний тоо/<br />