Хvснэгт хийх
Одоогоор нэлээн урлагтайхан шиг вэб хуудас хийхэд хамгийн єргєн хэрэглэгддэг HTML зэвсэг болoх Table буюу хvснэгтийг сурья. Хvснэгтийг хэрэглэхгvйгээр та вэб хуудасыг зєвхєн "хийдэг" байсан бол, хvснэгтийг хэрэглэснээрээ та вэб хуудасыг "дизайнчлах" боломжтой болдог юм. Юуны ємнє дахин хэлэхэд таны хvснэгттэй холбоотой доор vзэх коммандууд нь <body>.. </body> хэсэгийн хооронд байх ёстой гэдгийг сануулъя. Ингээд хvснэгт бvтээх ажлаа дараах коммандаар эхэлнэ: <table> Хvснэгтийнхээ мєр болгоныг дараах коммандаар зарлана: <tr> Харин мєр доторхи мэдээлэл бvхий нvднvvд энэхvv коммандаар эхэлнэ: <td> Дараах 3 мєр, 2 баганатай хvснэгтийг хэрхэн нээхийг жишээ болгон авч vзэе:
Энэ хvснэгтийг гаргаж байгаа код нь дараах бvтэцтэй байна: <table> хvснэгтийг эхлvvлнэ <tr> эхний мєрийг эхлvvлнэ <td> (A1) єгєгдлийн эхний нvдийг эхлvvлнэ </td> A1 нvдийг хаана <td> (A2) єгєгдлийн хоёр дахь нvдийг эхлvvлнэ </td> A2 нvдийг хаана </tr> эхний мєрийг хаана <tr> 2 дахь мєрийг эхлvvлнэ <td> 2 дахь мєрний эхний нvдийг В1 эхлvvлнэ </td> B1 нvдийг хаана <td> B2 нvдийг эхлvvлнэ </td> B2 нvдийг хаана </tr> хоёр дахь мєрийг хаана <tr> гурав дахь мєрийг эхлvvлнэ <td> 3 дахь мєрний эхний нvдийг C1эхлvvлнэ </td> C1 нvдийг хаана <td> C2 нvдийг эхлvvлнэ </td> C2 нvдийг хаана </tr> гурав дахь мєрийг хаана </table> хvснэгтийг хаана Одоо энэхvv хvснэгтний ерєнхий загвартаа єгєгдєл оруулж хvрээ ( border ) хийе. Гадуур хvрээлсэн зураас буюу хvрээ хийхэд эхний <table> комманд дотроо border ="утга" гэсэн хэсгийг нэмж єгєх хэрэгтэй. Энэ "утга" нь хvрээний єргєний хэмжээг заах утга бєгєєд хэрвээ та хvрээг нь харагдахгvй байхыг хvсвэл border = 0 гэх хэрэгтэй. Хэрвээ хvрээг border=5 гээд vзвэл:
Дэвсгэрийн Єнгє Хvснэгтийнхээ дэвсгэрийн єнгийг бvхлээр нь єєрчлєх бол bgcolor коммандыг <table> коммандаа багтааж єгнє. Жишээ нь: <table bgcolor="green">
Хvснэгтийн Хэмжээ Хvснэгтийнхээ хэмжээг зааж єгєєгvй тохиолдолд хэмжээ нь доторхи єгєгдлийн хэмжээ эсвэл браузэрын цонхны хэмжээнээс хамаарч автоматаар тохируулагддаг. Харин та єєрийн хэмжээгээ зааж єгєхийг (цэгийн тоо эсвэл процент ашиглан) хvсвэл эхний <table> коммандын дотор нь vvнийгээ дараах байдлаар зааж єгнє: Жишээ нь: <table width=300 height=400> (Yvний "width" нь єргєнийг, "height" нь єндєрийг заана) Cellpadding Энэхvv "cellpadding" коммандаар нvднvvдэд байгаа єгєдєл болон нvдний ирмэгийн хоорондох хэмжээг (цэгийн тоогоор) зааж єгдєг юм. Жишээ нь: <table border=1 cellpadding=5>
<table border=1 cellpadding=15>
Cellspacing "Сellspacing" коммандаар нvднvvдийн хоорондын зайг нь (цэгийн тоогоор) зааж єгдєг юм. Мєн л <table> коммандын дотор хэрэглэнэ. <table border=1 cellspacing=5>
<table border=1 cellspacing=15>
![]() Хvснэгтийн Гарчиг Тодотгосон голлуулсан гарчигийг мєр багананд оруулахдаа эхний мєрнийхєє <td> коммандын оронд <th> коммандыг оруулж хэрэглэнэ. Жишээ нь: <table border=1> <tr> <th> 1-р багана </th> <th> 2-р багана </th> </tr> <tr> <td> A </td> <td> B </td> </tr> <tr> <td> C </td> <td> D </td> </tr> </table> Энэ нь дараах байдлаар харагдна:
Толгой Налуулах, Єгєгдлийн Нvдэн Доторхи Байрлал Хэрвээ та vvнийг нь єєрчилж зааж єгєєгvй бол хvснэгт доторхи бvх (гарчигнаас бусад) єгєгдлvvд автоматаар зvvн талруугаа толгой налсан байдаг. Харин та єєрчилж зааж єгєх бол харгалзах <td>, <th>, <tr> коммандуудын дотор нь дараах байдлаар зааж єгдєг: Хєндлєнгєєрєє аль талруугаа (зvvн, тєвд, баруун) толгой налахыг заахдаа align комманд хэрэглэнэ:(left, center, right) Жишээ нь: <tr align="center"> Босоо чиглэлдээ аль талруугаа (дээд тал, голлох, доод тал) шахаж бичихийг valign комманд хэрэглэн заажєгнє: (top, center, bottom) Жишээ нь: <td valign="top"> Та хvснэгтнийхээ толгой налах чиглэлийг нь бvхлээр нь зааж єгєх бол єнєєх <table> коммандын дотор <table align="right">, <table align="left"> гэх мэтээр зааж єгч бас болох юм. Cell Spanning Хоёр баганын хэмжээнд эсвэл хоёр мєрний хэмжээнд нэг нvд байхыг cell spanning гэж нэрлэнэ. Yvний жишээ нь: Энэ нvд хоёр баганын хэмжээтэй.
<td> коммандын дотор <colspan=утга>,<rowspan=утга> гэж зааж єгч vvнийг хийнэ. Дараах жишээг харна уу: <table border=1> <tr> <td colspan=2>Энэ нvд 2 баганын хэмжээтэй </td> <td>Энэ нvд 1 баганын хэмжээтэй </td> </tr> <tr align="center"> <td>A </td> <td>B </td> <td>C </td> </tr> </table>
Энэ нvд 2 мєрний хэмжээтэй <table border=1> <tr> <td rowspan=2>Энэ нvд 2 мєрний хэмжээтэй </td> <td> A </td> <td> B </td></tr> <tr><td> C </td> <td> D </td></tr> </table>
Мєн та хvснэгтэн дотороо ємнє бидний vзсэн фонтны хэмжээ єнгє єєрчилєх, зураг график оруулах, жагсаалт vvсгэх, линк оруулах гэх мэт зvйлсийг багтааж болох бєгєєд vvнийгээ зєвхєн харгалзах <td> коммандны хооронд л тавих хэрэгтэй юм. |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||