< к оглавлению
HTML - HyperText Markup Language - англ. язык гипертекстовой разметки. Общая структура html-странички:
<html>
<head>
. . . .
</head>
<body>
. . . .
</body>
</html>
1. О разделе <head>
Внутри раздела <head> собрана различная информация, необходимая для правильной и эффективной работы браузера, поисковых систем и тому подобных программ. Там могут располагаться различные дескрипторы, но ламеру реально нужны только первые два из нижеперечисленных, на остальные можно не обращать внимание.
- <meta http-equiv="content-type" content="text/html; charset=windows-1251">
- Служебная информация для браузера о содержимом файла и кодировке текста. Вернее сказать, один из её вариантов такой информации, рекомендуемый (не мною) для русскоязычных web-сайтов. Просто скопировать и вставить.
- <title> . . . </title>
- Текст, заглючённый между данными тэгами, выводится в заголовке браузера.
- <meta name="keywords" content="текст">
- Список ключевых слов (через запятую), описывающих содержание странички. Он используется поисковыми системами.
- <meta name="description" content="текст">
- Краткое описание содержимого странички. Эта информация также предназначена для поисковых систем.
- <meta http-equiv="refresh" content="количество_секунд; URL-адрес>
- Автоматический переход на другую страничку через указанное количество секунд.
1. О разделе <body>
Если из раздела <head> браузер получает сведения, как показывать web-страничку, то из раздела <body> тот узнаёт, что именно нужно отображать. Именно во втором разделе располагаются все прочие дескрипторы, упомянутые в других частях данного конспекта. Если же дескриптор <body> содержит какие-либо атрибуты, те оказывают влияние на весь документ. Ниже приводятся наиболее распространённые и полезные из них. Вернее те, о которых я знаю. :)
- bgcolor="значение"
- Цвет фона всей странички. (bgcolor - background color - англ. цвет заднего фона) (На данной странице использовано bgcolor=lightgrey.)
- text="значение"
- Цвет текста. (На данной странице использовано text=#000055.)
- link="значение"
- Цвет ссылки на другую страничку (ранее не просматривавшуюся). (link - англ. связь) К примеру, ссылка на несуществующую страницу. (На данной странице использовано link=green)
- vlink="значение"
- Цвет ссылки на страничку, на которой вы когда-то уже бывали. (vlink - visited link - англ. посещённая ссылка) К примеру, ссылка на пустую страницу. (На данной странице использовано vlink=#FF0000)
- alink="значение"
- Цвет ссылки, на которой установлен фокус. По умолчанию ссылки с фокусом специальным цветом не выделяются. (Фокус можно перемещать, к примеру, с помощью клавиши Tab (Shift+Tab).) (alink - active link - англ. активная ссылка) (На данной странице использовано alink=yellow)
- leftmargin="цифра"
- Ширина поля страницы слева и справа (margin - англ. грань, край; поле (страницы)) (На данной странице использовано leftmargin=50)
- topmargin="цифра"
- Ширина поля страницы сверху и снизу (На данной странице использовано topmargin=150)
- background="адрес_рисунка"
- Мозаичное фоновое изображение. (background - англ. задний план, фон)
< к оглавлению