Интернет-журнал 'Домашняя лаборатория', 2007 №3 - Вудворт
Шрифт:
Интервал:
Закладка:
� ������� ����������� ����� HTML "<font�>", "<b>" �.�.�. ����� �������� ������ web-�������� ������������ ����������. ��� ���� �������������� ����� ������������� � ��������� ����� ����������. � ���� "<font�>" ����� ������� ���������: size, color, face. ������ � ������, ����� �� �������� ������� ������� ���������� ����� �����, �� �� ������ �������� ����������. ����� ����, ���������� ������� ������� ��������� ������� ��������: ���, ��� ����, ����� �������� ���� ���� ������ �� ������, ���������� ������������� ���� �������� � �������� �������� ��������� color �� ���� ������. ���� ��������� ������� ����� ���� ���������� ������ �������� ������, �� ��� ������� �������� ���� �� ���� �������� �������� �������������� ��� ��� ��������.
��������� ������������ �����������: � ������ �� �� �������� �������� �������������� ������ �� ������ ������? ����� ���������� � ������� ����, ��������� ���� ����� ������ ���� ���������� � �����-�� ����� �����. � ��� ����� � ����� ��� ����� ���� ��������� �� � ����� web-��������, � ����� � ����������, ����� �� ���� ������� � ������������� ����������� �����. ��� ���������� ����� ���� ���� ��������� ��� ���������� "��������� ������� ������" � CSS.
��������� ������� ������ � ��� ������������ ������ ������ ���������� �� ���������� web-��������, ��� �� ����� ��������� ���� �������� web-����������. ��� ����������� �������� ��� ������������, ������� � ��������� ������ Microsoft Internet Explorer � Netscape Navigator.
��� ���������� ��������� CSS, ������ ����������� ���������� ������ � �������� ��� ��������������, � ���� ��� ���� ��������� ��������� ����� �������, ����������� ������� web-�������� ����� �������� � ���������������. � �������, ��������� ����������� �������� � �������� ������� ������ �� ���� ������� ������, ������� � �������� ����� ������ ���������� ������ � ���� ��� ������� � ����������� ��������� ��� �����-���� ���������. �������, ��������� ������� ������, ����� �������� � ������� ������� ����������� ������� � ����������, ��� ��� ������������� ����������� ����� HTML.
��������, �� ���� �������� �� ����������, ��� ������������� CSS ����� �������� ����� �������� �������� � �������, �������, ������� �������, � ����� ������������ ���������� ��������. ��� ����� � ���� ���� ����� �������� ���������� ����������� �������� � class. ��� ������� web-��������, ������� ���������� �������� ��������� class, ��������� �������������� � ������ � ���� �� ������ ����������.
��� "�������" � ���������������� ������ � � CSS � ��������� ���������� ������������ ��� ������ ��� ��������. ������ ����� ����������� ������������� ��������������. ��������, ����� �������� �� web-�������� ��������� ��������� ������ � �������� � ������� �������� ��������� class, ��� ��� ��� ������ ����� ���� � �� �� ������������ ���������� web-�������� ��������. ����������� ������� web-��������, �����, ��� ������, ������ ���� ����� ������������ � ������-���� ������������� ������, ���������� ������� web-��������. ��������� ������� ������ ����������� � ������ ����� �����.
���������� ������� ������ � ���� ����������� �������� ����������� � ������ �������� � ���� "<style>". ���������� ����� ���� � ���������� "�������� ������", � ������ � ��� ������������� ���������� �� ���������� ��������� ��������� web-��������. ����������, ����� ������� ������ ���������� � ������� "<head>" web-��������, ���� ��� ����� ���������� � ����� ���� "<body>" � ����� ����� web-��������.
��� ������ ������� ������:
<STYLE type="text/css">
�{text-align: justify; color: "#000000"}
A: link {font-family: Arial; color: "#2f4f4f"}
A: visited {font-family: Arial; color: "#717171"}
A: active {font-family: Arial; color: "#d4aa00"}
A: hover {font-family: Arial; color: "#c39100"}
.text1 {color: #113311; font-size: 12 px; font-weight: bold}
.text2 {font-size: 12 px; font-weight: bold}
.risun {height: 10; width: 20}
</STYLE>
� ��� ������ ���������� ���� ����������� ����� HTML � "<�>" � "<�>" � ���� ������� �������� � � ������� text1, text2 � risun.
���� ����� ������� ��������� �� web-��������, �� ���� �����, ������������ � ����� "<�>", ����� �������� �� ������ � ������� � ������ ���� (�������� � ������������� ��������� � ������� ������ ����� #000000).
��� ����, ����� ���������� ����� �� ���������� �������� ��� ������������� ������� ������, �������� �� � ������ ���� "<�>" ��������� �������� align=justify, � ����� ���� ����� ������� ������� �������� �� ���� ������: "<font color=#000000>". ������ ���������� ������� �������� � ����������� ��������� �� ���� ��� ������� �� ��� � � ������������� ������ �������� ���� ��� ������������ ���� ������� � �������� �� ������� ������ ���.
������ � ���������� ���������� ������������ ����, ������������ � ������� ������, ��� ����������� �������� ��������� ������������ �������� ���� ���������� ������ � ���� ����. ������� ���� �� ��������, ���������� ����������� ���� ������� ������, ��������� ��� "<center>" ����� ����� "<�>", �� �����, ����������� ����� "<�>", ��������� ����������� �� ������ (��� ��� ����� ��������� ����� ������������ ������ "<center><p align=justify>"), � ���� ����� � "<p><center>" � �� �� ����� �������� �� ������.
��� "<�>" (�� ���� �����������) ��������� ������ ���������: ������ ������������� �� �������� � link, �������� (�� ���� ���������� � ������ ������) � active, ���������� � visited � "����������� ����� ��������" (��������� ��� ��������� ������� �� ������) � hover. ��� ��� ��������� ����� ������� ��-����������� � ������� ������, ��� ��� � �������� ���� � ��������, ������� ������ �������� �����, � ��� ���������� � ��� ������� ���������� ������.
� ��������������� ������� ������� ��� ��� ������ �������� � text1, text2 � risun. ��� ����, ����� ������������ ��� �������� ��� �������� �� web-��������, ���������� ������� �������������� ���� ��� ����� ������� � ������������� ������ � ������� ��������� ��������� class � ��� ����� �������. ��������, �������� "<td class=text1>" �������� � ���������� ������, ������������� � ������ ������ �������, � ������������ � ���������, ���������� � ������� ������