Интернет-журнал 'Домашняя лаборатория', 2007 №3 - Вудворт
Шрифт:
Интервал:
Закладка:
��� ���������� ��� ������ ������������ ���������� �������� ���������� ������������ ��� "<div>": "<div class=text1>", ������� �� ��� ���������. � ���� "<div>" ��� �����-���� �������, ��������� �� ���������, ����� �������� ������� � ����� � ���� "<�>", ������� ��� ������������� ����� �� �������� �� ��������� ��������� ���� ��������, ����� ���, ��� ������������ �������� � ���� ���� �������.
��������� ������� ������� �� ������ ������, �� � ������������ � ��������, ���� � �������� � ����������� ���� �������� ������ ��������� ����� risun �����������: "<img src="d.gif" class=risun>", �� ��� ����� ����� �������, ��������� � ������� (�� ���� ����� � ������ � 10 �������� � ������ � 20 ��������).
���� ���������� ������ ������������ �������� ����� ���� ������ �������� ��������, �� ������������� �������� ��� � ��������� ����� ��� ��������� ���� ���� ������� ������. ����� ������ ������� ������ �������� � ���� ����� �������� � ������� ��������� style, ��������, <� style="margin-top: 140��"> ������ ������ ������ � 140 �������� ������ ��� ������, � ���� �������� ������� ��� ��������.
�������� style, ��������� ��������������� � ����, ����� ��������� ����� ����������� � ������� ������. ���, �����, ������������ � ���� "<� style="text-align: center">", ����� �������� �� ������ ���������� �� ����, ����� ������������ ���� ������ � ������� ������ ��� ���� "<�>".
������ ������� ������� ������ � ������� ������ ��������� ���������� �� �������������� � ���� "<font�>". ���� � �������� �������� ��������� "size" ���� "<font�>" ����� ����������� ����� �� 1 �� 7, ��������������� ������� ������ �� ������ ���������� �� ������ ��������, �� � ������� ������, � ��������� "font-size" ������-���� ��������, ������������ ��� ������� ��� ����, ����� ���� ������ ���� ������������� ������ ������ � �������� (��������, "font-size: 12 ��"), ������� ��� ����������� � �������� ��������� ��� ��������� ����� ������ (� Microsoft Internet Explorer 5.0 ��� ����� ������� � ���� "���-������ ������"), ���� ���������� �������� ("font-size: 120�%"), ������� ������ ������ ������ ������������ �������������� � �������� (� ������� �������������� ����) �� ���������. ������ ������ ����� ������������ ��� ������������� ������ ������ ������ ���� ������� (������, ��� �� ���������� � ������������ �� ������ ������ �������), � ������ � �� ���� ��������� �������. �������������� ������ �������� �������� ������� ������ � � �������� � �� �����, ��� ��� ������ ������������ ������������ ����������� �������� web-�������, � ��� ����� � ������� �������, ������ �� ����� ������������, � �������� ������� ������ � �������� �� ���� �� ����� �������.
��������� ������� ������ ����� ���������� � ����������� ���� �������. ��� ���������� ��������� ����������� � �������� ������. ����������� ����� ����������� � ����� � �������, ����������� ����� ���������� � ��� ��������� � ���������. ����� ������ ������������� ������ � ������� ������ �������� �����, � ����� ������������ ����������� ����� HTML � ���. ������ ����� ��� ��� ����� ����������� � ����� ������.
���������, ������� ���� ��������� ��� ������� ���� ��������, ������ ������������. ������ �� �������� ���������� � ����������� ���������� �� �������� ������. ����� ����, � ��� ����� ������������ � ������� ��������� Microsoft Script Editor, ��������� � ��������� �����.
������� ������ ����� ������������ ���� �� ��������� web-�������. ����� ���� ����� �� � ������� �����. ��� ����� ���� ��������� ������� ������ (�� ���� "<style>" �� ���� "</style>" ��� ����� ���� �����) � ��������� ����� � �����������. css � ��������� ���� ���� �� ������, ���������� � �� �� ����� ����������, ��� ����� ���������� ���� web-��������. � ������ "<head>" ������ �������� ���� ��������� ��� "<link rel=stylesheet type="text/css" href="url">", ��� ������ Url ��������� ��� ����� � �������� ������ ��� ���� � ����, ���� �� ��������� �� � ��� �� ����� ����������, ��� � web-��������. � ���� ������ ��� �������� web-�������� ������� ���� ����� ���������. ��� ��������� �������� ����� � ������� � ����� ������� ������ ��������� ������� ��� ���� �������, �� ������� ��� ������������.
������� �������, ��� ��� ����� ������������� ������� ������ ��� ���������� ������������� web-�������� �� ������� ����� ���������� ���������� ��� ������������� ������� ���������� ������� �� ����� ������������, ��������� � ��������� ������� ��������� Microsoft Internet Explorer ��� Netscape Navigator, ����������� web-�������� ��������� �������� �������� � ������� ��������������. ��� � ������� � ���� �� ������� ����� �� ����� ���������.
� ������� ������ ������ ����� ������ �������� �������� �������� ���������� ������� � ������� �������, ��� ��������� ����������� ���� HTML. ��������, ����� ������� ��� ��������� ������ ������� �� ���������� ������, ������ ��� ������� ����� ���� � ��������������, ��� ��������� ���������� ������ ������������� ���� web-�������� � � ���������� ���������� ������ ���� �� �����.
����� ������� �������� � "�������� �������" �� ������ �����, ������ ��� ������������� ������� ������� � �������� ����.
������ �������� web-�������� � �� ���.�17.1. �� HTML-����� ����� ���������
<HTML><HEAD>
<STYLE type="text/css">
.x1 {color: green; font-size: 40pt}
.x2 {color: navy; font-size: 50pt; margin-top: -10px;}
.x3 {color: silver; font-size: 80pt; margin-top: -140px}
</STYLE>
</HEAD><BODY><CENTER>
<DIV �l�ss="�1">������ ������</�1�>
<DIV �l�ss="�2">������ ������</�1�>
<DIV �l�ss="�3">������ ������</�1�>
</CENTER></BODY></HTML>
��� ����� ������, �������� margin-top ���������� ������ ������ ������ �� ����������� �������� web-��������. ����� ��� �������� �������������, ����� �������� ��������� ������ �� ���������� �������.
���.�17.1. ������ Web-��������, ��������� � �������������� ������� ������.
� �������� ��������� ����� ��������� � �����������, � �������.
���, � ������� �� ���.�17.2