STF Education.uz
������ �� HTML
���� 10.

������� html.

�������� html ������ - ���, �������, ����� ������� ���� � ����� ��� ����������. ������� ����� ��������� �� ������ �������. �������� ������ ���-�������� (����� �����, ������� �����, ������) ����� ������� ��� ������ ������ , ���� ������ (�����). ��� ����� �� ����� �������� � ����� "��� �����������", � ��������� html ������ �� �������� ����� ������.

�� ���� �� ��� ��������, ��� �������� ������� �� ������������ � �������� ����� ������. �������� ���� �� ������� �� ������ ���������� �� ����� �� ����� �������. ��� �� ����� ��� ���� ����� ������ � ���������� ������� �� ������� ��������.

�������� ������� html.

������� html ��������� ��� ������ ���� <table>. ��� ����, ����� ������� � ����� ������� ������, ������������ ��� <tr>, ��� ������ ������ ���� ������ ����� ����������� ����� <td>. ���������� ��� ������ ��������� ������ ������, � ������ ��������� ������ �������. �������������� ��� <td> ��������� ������ ���� <tr> ������� ��������� ������ ���� <table>. ��� ��� ���� ������� ��������.

����� �� ���������� ������� �������� ������� ���� � �� ����������:
<table> </table> - ��� ������� �������.
<tr> </tr> - ��� ������� ������ ������ �������.
<td> </td> - ��� ������� ������ ������ ������.

������ ������� �������� ����������� �������. � ������� ����� 2 ������. � ������ ������ ����� �� 3 ������. ��������� ��� ����� ��������� �������:

������� html

�� ���������, ������� ��������� �� ���� ������� ������ � ���������, ������������ ������ ������� (�����). ��� ���� ����� ������ �������, ��� ���� <table> ������������ ������� border. �������� ��� ����� �������� �������� ������. ��������, ���� ���� �������� 1, �� ������� ����� ������� ����� 1px (�������), ���� ���� �������� 5, �� ������� ����� ����� 5px ��������������.

������ � �������� ������� ������� ������� ���� <table> ������� border � ����� ��� �������� 1. ��� ��� �� ����� ���������:

������� html

� ���� <table> ����� �������� border ���� � ������, ������� ��������� � �� ������������.

�������� ���� <table>

border - ������� ��� ����������� ������� ������ �������. ������ ������� �� ��� ������������� � ���� �����, ������ �������� ����.

height - � ������� ����� �������� �������� ������ �������, �������� ������ � ��������. ���� ������ ������� �� �����, �� ������ ������� ������������� �� �������� ����������� �������� (������).
������ ��������� ����: <table height="100px">

width - � ������� ����� �������� �������� ������ �������, �������� ������ � ��������. ���� ������ ������� �� �����, �� ������ ������� ������������� �� �������� ����������� �������� (������).
������ ��������� ����: <table width="300px">

bgcolor - ������� ��� ��������� ����� ���� �������. � �������� �������� ��� ����� �������� ����� ������������ ����� ����.
������ ��������� ����: <table bgcolor="yellow">

align - ������� ��� ������������ �������.
��� ������� �������� ����� ���� ������ ��������� ��������:
left - ����������� ������� �� ������ ����.
right - ����������� ������� �� ������� ����.
center - ����������� ������� �� ������.
������ ��������� ����: <table align="center">

cellspacing - ������� ��� ��������� ���������� ����� ��������, �������� ������ � ��������.
��������!
���� ������� border ��� ������� �� ����� ��� ����� �������� 0, �� �� ��������� ������� cellspacing ����� ����� �������� 0. ������ �� ������ ���������� �� ������ ������� ����� �����.
���� ������� border ����� � ����� ����� �������� �������� �� 0 (1,2,3...), �� �� ��������� ������� cellspacing ����� ����� �������� 2. ������ �� ������ ���������� �� ������ ������� ����� �����.
������ ��������� ����: <table cellspacing="10px">

�������� ���� <tr>

bgcolor - ������� ��� ��������� ����� ���� �����. ������� ����� ����������� ��� ���� ����� ����������� � ������ ������� ����� ������ �������. � �������� �������� ��� ����� �������� ����� ������������ ����� ����.
* �������, ����� �� �� ����������. ����� ����� ��� ������ ����� ����� ���� ������������ ���������� ��������. �������� ������ ������� ����� ������������ ��� ��� ���� <table>, ��� � ��� ���� <tr>. ���� ������ ���� ������� ���� <table>, �� �������� ���� ���� ���� �������, � ���� ������ ������� ���� <tr>, �� ���������� ���� ���� ����� ��������� ������.
������ ��������� ����: <tr bgcolor="yellow">

align - ������� ��� ������������ ����������� ����� �� �����������. ������� ����� ����������� ��� ���� ����� ����������� � ������ ������� ����� ������ �������. ����� �������� ����� ���� ���� ��������� ��������:
left - ����������� ���������� ����� ����������� � ������ �� ������ ����.
right - ����������� ���������� ����� ����������� � ������ �� ������� ����.
center - ����������� ���������� ����� ����������� � ������ �� ������.
������ ��������� ����: <tr align="center">

valign - ������� ��� ������������ ����������� ����� �� ���������. ������� ����� ����������� ��� ���� ����� ����������� � ������ ������� ����� ������ �������. ����� �������� ����� ���� ���� ��������� ��������:
top - ����������� ���������� ����� ����������� � ������ �� �������� ����.
middle - ����������� ���������� ����� ����������� � ������ ����������.
bottom - ����������� ���������� ����� ����������� � ������ �� ������� ����.
������ ��������� ����: <tr valign="middle">

�������� ���� <td>

height - � ������� ����� �������� �������� ������ ������, �������� ������ � ��������. ���� ������ ������� �� �����, �� ������ ������ ������������� �� �������� ����������� �������� (������). ���� ��� ���� ������� (��� ���� <table>) ����� ������� height, � ��� ������ (��� ���� <td>) ������ ������� �� �����, �� ������ ����� ������������ ������������ �������� ������ ��� ���� �������.
������ ��������� ����: <td height="30px">

width - � ������� ����� �������� �������� ������ ������, �������� ������ � ��������. ���� ������ ������� �� �����, �� ������ ������ ������������� �� �������� ����������� �������� (������). ���� ��� ���� ������� (��� ���� <table>) ����� ������� width, � ��� ������ (��� ���� <td>) ������ ������� �� �����, �� ������ ����� ������������ ������������ �������� ������ ��� ���� �������.
������ ��������� ����: <td width="60px">

bgcolor - ������� ��� ��������� ����� ���� ������. � �������� �������� ��� ����� �������� ����� ������������ ����� ����.
������ ��������� ����: <td bgcolor="yellow">

align - ������� ��� ������������ ����������� ������ �� �����������. ����� �������� ����� ���� ���� ��������� ��������:
left - ����������� ���������� ������ �� ������ ����.
right - ����������� ���������� ������ �� ������� ����.
center - ����������� ���������� ������ �� ������.
������ ��������� ����: <td align="center">

valign - ������� ��� ������������ ����������� ������ �� ���������. ����� �������� ����� ���� ���� ��������� ��������:
top - ����������� ���������� ������ �� �������� ����.
middle - ����������� ���������� ������ ����������.
bottom - ����������� ���������� ������ �� ������� ����.
������ ��������� ����: <td valign="middle">

�������� ������ �� ��������.

� ���� ����� �� ����������� �������� �������� ������� ������������ ��� �������� ������. ��������� ��� ��� ���������� ������ ���, �� ��������� ���� ������. ������ ����� ����� � ���������� ���������.

������, �� ������ ������ ������� ��������� �� ���� �������� �� �������� �������. ������� ������� ������� �� 4 ����� � 2-�� ��������. ����� � ��� ���������� 2 ������� ��� ����� ����� � ������ ������� ��������� �� 2 ������.

������� html

����������� � ����:
1) ��� ���� <table> �� ������ ������� border � ���� ��� �������� 1. ��� ��������, ��� ������ ������ ����� ������� 1 �������.
2) ��� ��� ���� <table> �� ������ ������� cellspacing � ���� ��� �������� 0. ��� ��������, ��� ���������� ����� ������ �������� ����� 0. ���� �� �� �� ������ ���� �������, �� �� ��������� ���������� ����� �������� ���������� �� 2 �������.
3) ��� 1-�� ������ �� ������ ������� bgcolor � ���� ��� �������� green. � ������� ������� �������� �� ������ ������� ���� ���� ���� ������� ����������� � ���� ������.
4) ��� ��� 1-�� ������ �� ������ ������� height � ���� ��� �������� 50px. � ������� ������� �������� �� ������ ������ ����� ������ ������. ������ ������ ����� ����, ��� ��� ������, ��� ��� � ����� ������ ��� �������� "������" �������.
5) ��� 1-�� ������ ������ ������ �� ������ ������� width � ���� ��� �������� 150px. � ������� ����� �������� �� ������ ������ ������ ������. ������ ��������! ������������� ��� ������ ������� ������������� ��� ���� �������, ���� ����� ����� ������ 150px.
6) ���� ����� �� ������� � �� 2-�� ������� ������ ������, ���������� ������ �������� ��������, ��� ���� ������ ������ ������ 110px. ��� ������ ������ � ���� �������, ��������������, ���� ����� ����� ������ 110px.
7) � ��� 1-�� � ��� 2-�� ������ ������ ������ �� ������ ������� align � ���� ��� �������� center. � ������� ������� �������� �� ��������� ����� �� ������ �����.
8) ��� ������ ���� ����� �� ������ ������� bgcolor � ���� ��� �������� yellow. � ������� ������� �������� �� ������ ������ ���� ���� ���� ������� ���� �����.
9) ��� �� ��� ���� ���� ����� �� ������ ���������� ������ � ������� ���� height ��� ��� �������� 30px.

�� ���-�� �� ������ �� ����� �����? �����������!
- stfeducation.uz@gmail.com

STF Education, �� ��� ����� �������, � ���� ������ � ��������� ������ �������
STF Education.uz - ����� �� �������� ������.
�� �� youtube ������.�������