ВУЗ:
Составители:
Рубрика:
ɂɫɩɨɥɶɡɭɟɬɫɹ ɞɥɹ ɨɩɢɫɚɧɢɹ ɬɢɩɨɜ ɞɚɧɧɵɯ, ɫɨɞɟɪɠɚɳɢɯɫɹ ɜ ɞɨɤɭɦɟɧɬɟ.
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
- …
- следующая ›
- последняя »