ВУЗ:
Составители:
Рубрика:
ɂɫɩɨɥɶɡɭɟɬɫɹ ɞɥɹ ɨɩɢɫɚɧɢɹ ɬɢɩɨɜ ɞɚɧɧɵɯ, ɫɨɞɟɪɠɚɳɢɯɫɹ ɜ ɞɨɤɭɦɟɧɬɟ.
MIME-ɬɢɩ ɞɚɧɧɵɯ ɭɤɚɡɵɜɚɟɬɫɹ ɫɥɟɞɭɸɳɢɦ ɨɛɪɚɡɨɦ: «ɬɢɩ ɮɚɣɥɚ/ɮɨɪɦɚɬ»
ɢ ɞɥɹ ɚɬɪɢɛɭɬɚ type ɢɦɟɟɬ, ɧɚɩɪɢɦɟɪ, ɬɚɤɨɣ ɜɢɞ: type = “text/css”.
ȿɞɢɧɢɰɵ ɢɡɦɟɪɟɧɢɹ
Ⱥɛɫɨɥɸɬɧɵɟ.
Ɇɨɠɧɨ ɪɚɡɞɟɥɢɬɶ ɧɚ ɞɜɟ ɝɪɭɩɩɵ:
x ɪɟɚɥɶɧɵɟ ɟɞɢɧɢɰɵ. ɂɫɩɨɥɶɡɭɸɬɫɹ, ɤɨɝɞɚ ɬɨɱɧɨ ɢɡɜɟɫɬɧɵ
ɩɚɪɚɦɟɬɪɵ ɭɫɬɪɨɣɫɬɜɚ, ɨɛɪɚɛɚɬɵɜɚɸɳɟɝɨ HTML-ɫɬɪɚɧɢɰɭ;
x «ɩɨɥɢɝɪɚɮɢɱɟɫɤɢɟ» ɟɞɢɧɢɰɵ. ɉɪɢɦɟɧɹɸɬɫɹ ɜ
ɬɢɩɨɝɪɚɮɫɤɨɦ ɞɟɥɟ ɞɥɹ ɭɫɬɚɧɨɜɤɢ ɤɟɝɥɹ ɲɪɢɮɬɚ, ɟɝɨ ɧɚɱɟɪɬɚɧɢɹ ɢ
ɬ. ɩ.
Ɉɬɧɨɫɢɬɟɥɶɧɵɟ
. ɗɬɢ ɟɞɢɧɢɰɵ ɢɡɦɟɪɟɧɢɹ ɭɫɬɚɧɚɜɥɢɜɚɸɬ ɪɚɡɦɟɪ
ɨɬɧɨɫɢɬɟɥɶɧɨ ɤɚɤɨɣ-ɥɢɛɨ ɢɡɜɟɫɬɧɨɣ ɜɟɥɢɱɢɧɵ. Ʉ ɟɞɢɧɢɰɚɦ ɢɡɦɟɪɟɧɢɹ ɷɬɨɣ
ɝɪɭɩɩɵ ɨɬɧɨɫɹɬɫɹ: em, ex, px, %. ɉɨ ɭɦɨɥɱɚɧɢɸ ɜɫɟ ɪɚɡɦɟɪɵ ɜ HTML-ɤɨɞɟ
ɭɫɬɚɧɚɜɥɢɜɚɸɬɫɹ ɜ ɩɢɤɫɟɥɹɯ. ɗɬɨ ɨɡɧɚɱɚɟɬ, ɱɬɨ ɡɚɩɢɫɶ width=”100”
ɛɪɚɭɡɟɪ ɜ ɛɨɥɶɲɢɧɫɬɜɟ ɫɥɭɱɚɟɜ ɨɛɪɚɛɨɬɚɟɬ ɤɚɤ «ɲɢɪɢɧɚ – 100 ɩɢɤɫɟɥɟɣ».
Ɉɞɧɚɤɨ ɪɚɡɦɟɪɵ ɜ ɩɢɤɫɟɥɹɯ ɥɭɱɲɟ ɡɚɞɚɜɚɬɶ ɹɜɧɨ, ɧɚɩɪɢɦɟɪ:
width=”100px”.
ɋɨɡɞɚɧɢɟ web-ɫɬɪɚɧɢɰɵ ɢ ɜɜɨɞ ɬɟɤɫɬɚ
Ɇɨɠɧɨ ɩɢɫɚɬɶ HTML-ɤɨɞ, ɢɫɩɨɥɶɡɭɹ ɨɛɵɱɧɵɣ ɬɟɤɫɬɨɜɵɣ ɪɟɞɚɤɬɨɪ,
ɬɚɤɨɣ ɤɚɤ Notepad, ɩɪɨɫɬɨ ɧɚɛɢɪɚɹ ɬɟɤɫɬ ɢ ɫɨɯɪɚɧɹɹ ɟɝɨ ɫ ɩɨɦɨɳɶɸ
ɤɨɦɚɧɞɵ «ɋɨɯɪɚɧɢɬɶ ɤɚɤ» ɫ ɪɚɫɲɢɪɟɧɢɟɦ .htm ɢɥɢ .html. Ⱦɥɹ ɩɪɨɫɦɨɬɪɚ
ɮɚɣɥɚ ɨɬɤɪɨɣɬɟ ɟɝɨ ɜ ɨɤɧɟ ɛɪɚɭɡɟɪɚ. ȿɫɥɢ ɜ HTML-ɮɚɣɥ ɜɧɨɫɹɬɫɹ
ɢɡɦɟɧɟɧɢɹ ɢ ɧɚɞɨ ɩɨɫɦɨɬɪɟɬɶ, ɤɚɤ ɨɧɢ ɩɨɜɥɢɹɸɬ ɧɚ ɜɧɟɲɧɢɣ ɜɢɞ
web-ɫɬɪɚɧɢɰɵ, ɮɚɣɥ ɫɧɚɱɚɥɚ ɧɭɠɧɨ ɫɨɯɪɚɧɢɬɶ, ɚ ɡɚɬɟɦ ɨɬɤɪɵɬɶ ɜ ɛɪɚɭɡɟɪɟ.
ȿɫɥɢ HTML-ɞɨɤɭɦɟɧɬ ɭɠɟ ɡɚɝɪɭɠɟɧ ɜ ɨɤɧɨ ɛɪɚɭɡɟɪɚ, ɟɝɨ ɧɭɠɧɨ ɨɛɧɨɜɢɬɶ
(ɨɩɰɢɹ «Ɉɛɧɨɜɢɬɶ», ɤɥɚɜɢɲɚ F5).
HTML-ɞɨɤɭɦɟɧɬ ɹɜɧɨ ɪɚɡɛɢɜɚɟɬɫɹ ɧɚ ɞɜɟ ɱɚɫɬɢ – head (ɡɚɝɨɥɨɜɨɤ) ɢ
body (ɬɟɥɨ). ɋɨɡɞɚɬɶ ɡɚɝɨɥɨɜɨɤ HTML-ɞɨɤɭɦɟɧɬɚ ɢ ɞɚɬɶ ɞɨɤɭɦɟɧɬɭ
ɧɚɡɜɚɧɢɟ ɦɨɠɧɨ ɫ ɩɨɦɨɳɶɸ ɷɥɟɦɟɧɬɨɜ <head> ɢ <title>. Ⱦɥɹ ɷɬɨɝɨ ɧɚɛɟɪɢɬɟ
ɜ ɜɚɲɟɦ HTML-ɪɟɞɚɤɬɨɪɟ ɫɥɟɞɭɸɳɟɟ:
<html>
<head>
5
������������ ��� �������� ����� ������, ������������ � ���������.
MIME-��� ������ ����������� ��������� �������: «��� �����/������»
� ��� �������� type �����, ��������, ����� ���: type = “text/css”.
������� ���������
����������. ����� ��������� �� ��� ������:
�� �������� �������. ������������, ����� ����� ��������
��������� ����������, ��������������� HTML-��������;
�� «���������������» �������. ����������� �
������������ ���� ��� ��������� ����� ������, ��� ���������� �
�. �.
�������������. ��� ������� ��������� ������������� ������
������������ �����-���� ��������� ��������. � �������� ��������� ����
������ ���������: em, ex, px, %. �� ��������� ��� ������� � HTML-����
��������������� � ��������. ��� ��������, ��� ������ width=”100”
������� � ����������� ������� ���������� ��� «������ – 100 ��������».
������ ������� � �������� ����� �������� ����, ��������:
width=”100px”.
�������� web-�������� � ���� ������
����� ������ HTML-���, ��������� ������� ��������� ��������,
����� ��� Notepad, ������ ������� ����� � �������� ��� � �������
������� «��������� ���» � ����������� .htm ��� .html. ��� ���������
����� �������� ��� � ���� ��������. ���� � HTML-���� ��������
��������� � ���� ����������, ��� ��� �������� �� ������� ���
web-��������, ���� ������� ����� ���������, � ����� ������� � ��������.
���� HTML-�������� ��� �������� � ���� ��������, ��� ����� ��������
(����� «��������», ������� F5).
HTML-�������� ���� ����������� �� ��� ����� – head (���������) �
body (����). ������� ��������� HTML-��������� � ���� ���������
�������� ����� � ������� ��������� � . ��� ����� ��������
� ����� HTML-��������� ���������:
5
Страницы
- « первая
- ‹ предыдущая
- …
- 3
- 4
- 5
- 6
- 7
- …
- следующая ›
- последняя »
