STF Education.uz
������ �� HTML
���� 14.

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

����������� (��������) ����������� �� ���� ��� ������ ���� <img>. ��������! ������ ��� �� ������� ��������. ��� <img> ������ ����� ������������ ������� src � �������� �������� ����������� ���� � ��������. ���� � �������� ����� ��������� ��� ����������, ��� � �������������.
������� ��������� ���� <img>:

����������� html

��������� � ����:
1) ����� �������� ����������� �� �������� �����, ����� ������� ��� ����������� (��������) �������� � ����� �����, ��� ��� � ����� ������, � ����� � ������� �� ������� ����. ��� �������, ��� ����������� � �������� ����� ����� ��������� ��������� �����. ���� ��������������� �� ��� ���������� � �������, �� ����� � ���������� ���������� image.
2) .jpg - ��� ����������� ������ ������ �����. �� ������ ����������� �����������. ���� ����� ������������ ������ jpg, � html ����� ��� �� ��������� ����������� ������� pnggif.

�������� �������� ���� <img>.

src - �������� ������������ ���������, �� ������������ ��� �������� ���� � �����������. � ��� �� ��� ��������.
alt - � ������� ����� �������� ����������� �������������� ����� ��� ��������. �������� ���� � ���������� ������������ �� ����� ����� ����� ������ ������, ���� ����� �������� ��������, �� ������ ������ ����������� �� ������ ������ �������, � � ���� �������� ����� �����, ������� �� ��������� � �������� alt.
width - ������� ������ ��� �������� ������ �������� � ��������.
height - ������� ������ ��� �������� ������ �������� � ��������.

* �������� width � height �� �������� �������������. ���� �� �� ���������, �� �������� ��������� � ����� ����������� �������. �������� �� ��������� � ����� ����� �������� �������� 200px � ������ � 100px � ������. ������ � ����� ������� ��� � ��� �������� �� ��������, ���� �� ��������� �������� width � height.

����� ����������� ������ ���� �� ���� ���������. ��������, ���������� �������� ����������� � ����� ������ ����� ����� ������ 200px � ������ � 100px � ������. �� ��������� ������ ������� width (������) � ���� ��� �������� 100px (� ��� ���� ������, ��� ����������� ������ ��������). � ���� ������ � ������ �������� ������������� ������ � ��� ���� ������, �� ���� 50px. �����: ���� �������� ������ ���� �������� (������ ��� ������), �� ������ �������� �������� �������������, �������� ��� ���� ��������� ������������ ������� ��������.

��� ���� ������ ������ �� ������ ������ � ������. ���� ����������� ������� �������� 200px � ������ � 100px � ������, � �� ��������� �������� width="100px"height ="100px", �� ���� �������� ��������� � ������ ���������. �� ��������� ��� ����������� ������ �������� � ���������� ���������! ����� ������� ������ ��������� ��������� ������������ ������� �������� - ��� ��������� ������ ���� �� ����������, ���� width, ���� height.

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

��� ������ �������� � ����� ������ ����� (��� ��������� 4 �����) ��� ���� ������� ����� � ����� �� �������� image. � ��� ����� �� ������� ����������� ������� ����� ��������� � ���� �������� �����.
������ ��������� �� ���� ������ � ��������� ���� �� ��������� �������� � ���� ��������.
������ ���������� ��� ������ �������� � ����� image, ������� �� �������.

�� ������ ������ � ��� � ����� "����" ��������� 4 html ����� � ���� ����� "image" � ������� � ���� ������� ��������� 4 �������� � ������� audi.jpg, bmw.jpg, mercedes.jpg, vsemarki.jpg.
������ ������� � ������ �� ����� ������� html �� ������� ��������������� �����������. � ��������������� ��� ������������ ��� �� ������� ����� audi.html:

����������� html

��������� � ����:
1) ��� ����, ����� ����� ������ �������� � ��������� ���� ����������, � �������� ��� <br> 2 ����, ��� ������, ��� ����� ������ �������� � ��������� ����� ���������� � ��� ������ ������.
2) ����� ���� ��� <img> ������� ������� ����������� �� ����� ��������. � �������� �������� src �������� ������������� ���� � ��������. ���� ����������� ��������� � ����� "image", �� ����� ���� � �������� ������������ audi.html ����� "image/audi.jpg".
3) � �������� alt ��������� �������� "���������� Audi", ��� ������, ��� ���� � ���������� ����� �������� ����� � ���������� � �������� �� ������ �����������, �� ������ ����������� ����� ������� "���������� Audi".
4) � �������� width ��������� �������� "300px", ��� ������, ��� ������ ����� �������� ����� 300px. ����������� ������ �������� audi.jpg ����������� � ����� "image" ���������� 600px � ������ � 400px � ������. ����� ����������� ������� width (������) �� ��������� "300px", �� ��������� ������ �������� � ��� ���� ������������ ������������ �������. ������ ����������� ���������� �� ����� �������� ����� 300px � ������ � 200px � ������.

������ ��������� ��� �������������� �������� ����������� � ������ ���� html �����, � ������ � bmw.html, mercedes.html � � index.html. ��� ������� �������, �� ��� �� ������, � index.html �� ��������� �������� vsemarki.jpg.

����������� html

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

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

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

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