�� ��� ������?
 ��� ������ ��� �� ��?
 �������
 Нvvр Хуудас
 Танилцуулга
 Толь Бичиг
 Монголдуу
 Асуулт Самбар
 Фото Сурвалжлага
 Asuult.NET Live TV!
 УБ-д Бэлэг Хүргэх!
 Утасны Карт!
 Links Вэб Хаяг
 Хамтран Ажиллах
 Ангилал
 Компъютер
 Интернэт
 Технологи
 Ахуй Амьдрал
 Уран Зохиол
  ..
 Yйчилгээ
 Утасны Кард
 Бэлэг Хvргvvлэх
 Вэб Хостинг
  ..

 

������������

�v����� ����

�������� ������ ����������� ��� ��� ������ ������ ������� ���� ������������ HTML ������ ��� Table ���� �v����� ��. �v�������� ���������v����� �� ��� �������� ����� "������" ������ ���, �v�������� �������������� �� ��� �������� "����������" ��������� ������ ��.

���� ��� ����� ������� ���� �v�������� ��������� ���� v��� ���������� �� <body>.. </body> �������� ������� ���� ����� ������� ��������. ������ �v����� �v���� ������ ������ ���������� ������:

<table> 

�v����������� �� �������� ������ ���������� �������:

<tr>

����� �� ������� �������� �v��� ����vv ���������� ������:

<td>

������ 3 ��, 2 ��������� �v�������� ������ ������� ����� ������ ��� v���:

 
A1
A2
B1
B2
C1
C2

��� �v�������� ������ ������ ��� �� ������ �v������ �����:

 
</table> �v�������� ���vv���
<tr> ����� ����� ���vv���
<td> (A1) �������� ����� �v���� ���vv��� 
</td> A1 �v���� �����
<td> (A2) �������� ��� �����v���� ���vv��� 
</td> A2 �v���� �����
</tr> ����� ����� �����
<tr> ��� ���� ����� ���vv���
<td> ��� ���� ����� ����� �v���� ���vv��� (B1)
</td> B1 �v���� �����
<td> B2 �v���� ���vv��� 
</td> B2 �v���� �����
</tr> ��� ���� ����� �����
<tr> ����� ���� ����� ���vv���
<td> ����� ���� ����� ����� �v���� ���vv��� (C1)
</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���� ����� �� 0-��� ����vv��� ��������.

������ ���� v�vv���� �v�������� ��� �� ������ ��������� ���� �����:

<tableborder=1>
 <tr>
 <td>A1
 </td>
 <td>A2
 </td>
 </tr>
 <tr>
 <td>B1
 </td>
 <td>B2
 </td>
 </tr>
 <tr>
 <td>C1
 </td>
 <td>C2
 </td>
 </tr>
</table>
 
 

������ �� ����


���������� ���

�v����������� ���������� ������ �v����� �� ������ ��� bgcolor ��������� <table> ��������� ������� ���.

����� ��: <table bgcolor="green"> 

̺� �v������� �v����� �� ���, ����� ����� ������� ��� ����� ����� ��� �v���� ������� ������ ����� ��� ������. Yv��� ���� <tr> ���� <td> ������������ �� ��� �� bgcolor="���" ����� �������� ���� ��� ��������.

����� ��: <tr bgcolor="yellow">
 

������ �� ����


�v�������� ������

�v����������� ������� ���� �㺺�v� ���������� ������ �� ������� �������� ������ ����� browser-� ������ ���������� ������� ���������� ��������������. ����� �� ������ ��������� ���� ������ (������ ��� ����� ������� �������) �v���� ����� <table> ��������� ����� �� vv������ ������ �������� ���� ���:

����� ��: <table width=300 height=400>

(Yv��� "width" �� �������, "height" �� ������� �����)

����� ��� ��, �v���� ������� ���� ��� ��� ��������� <tr> , <td> ������������ �� ��� ��������� ���� �������� ���� ���.

(T��� ��� ������ ������� ���� ������� ���� ���� ��� ��� ��� ������� �� ������� v��� � ����� ��)
 
 

������ �� ����
Cellpadding

����vv " cellpadding" ���������� �v��vv��� ������ ���� ����� �v���� �������� ��������� ������� (������ �������) ���� ���� ��. 

����� ��: 

<table border=1 cellpadding=5>
 
��� �v������� cellpadding=5.

 <table border=1 cellpadding=15>
 
��� �v������� cellpadding=15.

 

������ �� ����


Cellspacing

"cellspacing " ���������� �v��vv���� ��������� ���� �� (������ �������) ���� ���� ��. ̺� � <table> ��������� ����� ���������.

<table border=1 cellspacing=5>
 
��� �v������� cellspacing=5.

<table border=1 cellspacing=15>
 
��� �v�������  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>

��� �� ������ �������� ��������:
 
1-� ������
2-� ������
  A   B
  C   D

������ �� ����


������ ��������, �������� �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� ��� ������� ���������. ��� �v� ��� ������� ���������.
 A  B  C

<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 ����� ���������  A
 B

<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> ��������� ������� � ����� �������� ��.
 

������ �� ����


���� ������ << >> ��������� ������

 

Hundaga Hurelbaatar. 7:50 PM 00/11/26


Advertisement:

 


Asuult.NET. CR. 2000-2006