HTML хэл дээр хүснэгт зурах хэлбэржүүлэх
5.HTML Table – Хүснэгт
HTML хэлэнд хүснэгт зурахдаа <table> </table> тагийг ашигладаг.<table> </table> -хүснэгтийг зурах ерөнхий таг.
<tr> </tr> хүснэгтийн мөр зурах
<th> </th> хүснэгтийн толгой нүд зурах
<td> <td> хүснэгтийн нүд зурах команд юм.
Аливаа хүснэгт нь мөр ба баганаас тогтдог. Тэгвэл HTML хэлэнд хүснэгтийн баганыг тодорхойлохдоо нэг мөрөнд хэдэн ширхэг нүд оруулснаар хүснэгтийн баганын тоо нь тодорхойлогддог.
Хүснэгтэд өөрчилж болох олон шинж чанар байдаг. Тэдгээрийг нүд, мөр, хүснэгт гэх өөрийн хүссэн дээрээ өөрчилж болно. Жишээ нь хүснэгтийг хүрээтэй зурахыг хүсвэл
<table border=1> </table> border шинжид авах утга нь 0(хүрээгүй) эсвэл 1(хүрээтэй)гэсэн утгатай.
Жишээ нь №1: 2 мөр ба 2 баганатай Толгой мөртэй хүснэгт зурвал
<html>
<body>
<table border=1>
<tr>
<th> Толгой нүд</th>
<th> Толгой нүд</th>
</tr>
<tr>
<td> Энгийн нүд</td>
<td> Энгийн нүд</td>
</tr>
</body>
</html>
<body>
<table border=1>
<tr>
<th> Толгой нүд</th>
<th> Толгой нүд</th>
</tr>
<tr>
<td> Энгийн нүд</td>
<td> Энгийн нүд</td>
</tr>
<tr>
<td colspan=2>2 багана нэгтгэсэн нүд</td>
</tr>
</body>
</html>
<body>
<table border=1>
<tr>
<th> Толгой нүд</th>
<th> Толгой нүд</th>
</tr>
<tr>
<td colspan=2>2 мөр нэгтгэсэн нүд</td>
<td> Энгийн нүд</td>
</tr>
<tr>
<td> Энгийн нүд</td>
</tr>
</body>
</html>
Баярлалаа, амжилт!!!
ReplyDelete