< к оглавлению

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 - англ. задний план, фон)

< к оглавлению