::Начало::
Все теги пишутся в контейнерах, отличающих их от остального текста : <тег>, у почти всех тегов (тагов) есть закрывающие теги, пишущиеся с слешем (есть два вида, но теги пишутся с /) </закрывающий тег>. Все, что находится между тегами, подвергается его влиянию, т.е. команде, которую он выполняет. Теги можно писать как и маленькими, так и большими буквами:)
::Структура документа::
Самый первый тег <html>, а самый последний </html>, все, что находится между этими тегами html-документ. Все нормальные веб-страницы состоят из двух разделов – заголовка (<HEAD>) и тела документа (<BODY>). Раздел заголовка может содержать текст и теги, но содержимое этого раздела не показывается напрямую на странице. Тело документа предназначено для размещения текста и содержательной части.
::Раздел заголовка документа (HEAD)::
Теги и тексты, находящиеся в этом разделе, не отображаются на веб-странице. Этот раздел определяет заголовок веб-страницы(отображается в титл баре):
Пример::
<head>
<title>ваше название сайта</title>
</head>
может содержать метатеги, скрипты и CSS.( очень популярно писать ксс код в отлельном файле, но об этом потом)
::Метатеги для поисковых механизмов::
Два метатега предназначены для поисковых серверов: Description (описание) и Keywords (ключевые слова).
Некоторые, офигевшие веб-мастера (иначе никак их не назвать), для раскрутки сайтов, добавляли, да и сейчас добавляют, в раздел keywords, то, чего нет на сайте (представьте себя: заходите на страницу, где должна быть по идее очень важная информация, а там ее нет, вы наверняка придете в ярость). Я это называю грязным способом раскрутки. Но сейчас поисковики проверяют страницы на наличие этого текста, но и из этого положения есть выход: можно напечатать этот текст маленьким шрифтом или сделать его под цвет фона, но я вам советую этого не делать...
Простые правила для Keywords и Description:
1.Не включайте ключевые слова, которые не содержатся на ваших страницах;
2.Не повторяйте ключевые слова;
3.Используйте метатеги по их прямому назначению;
4.Делайте описание и список ключевых слов различными для каждой страницы сайта с учетом содержимого.
::Description::
Большинство поисковых серверов отображают содержимое поля Description при выводе результатов поиска.
Если этого тега нет на странице, то поисковый движок просто перечислит первые встречающиеся слова на странице, которые, как правило, оказываются не очень-то и в тему.
Пример::
<name="Description" content="мой сайт!">
::Keywords::
Этот метатег был предназначен для описания ключевых слов, встречающихся на странице. Но в результате действия людей, желающих попасть в верхние строчки поисковых систем любыми средствами, теперь дискредитирован. Поэтому многие поисковики просто пропускают этот параметр.
Пример::
<name="Keywords" content="слова, через, запятую">
::Автозагрузка страниц::
Чтобы автоматически загружать новый документ через определенный промежуток времени используется инструкция HTTP-EQUIV="REFRESH".
Пример::
<HTTP-EQUIV="REFRESH" content="5; URL=http://mysait.ru">
Браузер поймет эту запись, что через 5 секунд надо загрузить страницу http://mysait.ru
::Шестнадцатеричные цвета::
Для задания цветов в HTML используются числа в шестнадцатеричном коде.
Цвет фона задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) – зеленую, а последние две цифры (47) – синюю. В итоге получится такой цвет.
Каждый из трех цветов – красный, зеленый и синий – может принимать значения от 00 до FF, что в итоге образует 256 оттенков.
::Названия цветов::
| Название | Цвет | Hex | Red | Green | Blue |
|---|---|---|---|---|---|
| aqua | #00FFFF | 00 | 255 | 255 | |
| black | #000000 | 00 | 00 | 00 | |
| blue | #00FFFF | 00 | 255 | 255 | |
| fuchsia | #FF00FF | 255 | 00 | 255 | |
| gray | #808080 | 128 | 128 | 128 | |
| green | #008000 | 00 | 128 | 00 | |
| lime | #00FF00 | 00 | 255 | 00 | |
| maroon | #800000 | 128 | 00 | 00 | |
| navy | #000080 | 00 | 00 | 128 | |
| olive | #808000 | 128 | 128 | 00 | |
| purple | #800080 | 128 | 00 | 128 | |
| red | #FF0000 | 255 | 00 | 00 | |
| silver | #C0C0C0 | 192 | 192 | 192 | |
| teal | #008080 | 00 | 128 | 128 | |
| white | #FFFFFF | 255 | 255 | 255 | |
| yellow | #FFFF00 | 255 | 255 | 00 |
::Фон на веб-странице::
Цвет фона веб-страницы задается с использованием параметра bgcolor тега BODY.
Пример::
<html>
<head>
</head>
<body bgcolor="#c0c0c0">
</body>
</html>
::Фоновый рисунок::
Рисунок должен быть в формате .gif или .jpg (о форматах изображений для сайта в другой главе). Картинка не должна отвлекать внимание и сливаться с текстом. И еще, она не должна иметь большой размер.
Пример::
<html>
<head>
</head>
<body background="image.gif">
</body>
</html>
Если картинка меньше экрана, то она будет повторяться по вертикали и горизонтали. Иногда может получиться, что фон грузится долго и текст без него не виден, для такого случая лучше указывать и цвет фона и фоновый рисунок.
Пример::
<html>
<head>
</head>
<body bgcolor="#c0c0c0" background="image.gif">
</body>
</html>
::Фиксированный фон ::
Можно сделать так, чтоб фон оставался неподвижным. Это возможно с помощью функции bgproperties="fixed" тега BODY.
Пример::
<html>
<head>
</head>
<body bgcolor="#c0c0c0" background="image.gif" bgproperties="fixed" >
</body>
</html>
Еще для этой цели можно использовать Каскадные Таблицы Стилей (ксс).
Пример::
<head>
<STYLE type="text/css"> BODY { background: url(image.gif) repeat fixed } </STYLE> </head>
