Введение в html
Литература.
Владимир Дронов html 5, css 3 и Web 2.0. Разработка современных Web‑сайтов.
М.Э. Хольцшлаг «Использование HTML 4»
Ссылки на сайты
http://www.htmlbook.ru/
http://ru.html.net/tutorials/html/
http://html.manual.ru/
http://pyramidin.narod.ru/html401/index.htm
Чтобы представить информацию для глобального использования, нужен универсальный язык, который понимали бы все компьютеры. Языком публикации, используемым в World Wide Web, является HTML (HyperText Markup Language - язык разметки гипертекстов).
Версия HTML |
Год выхода |
Особенности |
1.0 |
1992 |
Официально не была стандартизирована |
2.0 |
1995 |
Первая стандартизованная версия |
3.2 |
1997 |
Поддержка таблиц и графики |
4.0 |
1997 |
Очищен от устаревших тегов |
4.1 |
1999 |
В основном, исправление ошибок |
5.0 |
2014 |
Удалены фреймы (кроме IFRAME) и другие, а также добавлено много новых тегов. Последняя версия HTML. Далее исправления в спецификацию будут вноситься рабочим порядком. |
В HTML документы записываются в ASCII формате и поэтому могут быть созданы и отредактированы в любом текстовом редакторе. Файлам присваивается имя: название.html. Обычно главный файл WEB-узла имеет имя index.html.
Любой гипертекст похож на книгу и может быть разбит на отдельные структурные элементы:
Собственно документ
Главы, параграфы, пункты, подпункты
Абзацы
Дескрипторы – управляющая информация – выделяются символами < >. После имени дескриптора (тега) может следовать атрибут (параметр) через пробел. Параметру может присваиваться значение с помощью знака равенства. Значение, как правило, берется в кавычки. Теги и параметры могут набираться как прописными, так и строчными буквами, так как HTML не чувствителен к регистрам.
Структура документа HTML:
<!DOCTYPE html>
<HTML>
<HEAD>
<META charset="Windows-1251">
<TITLE>текст заголовка</TITLE>
... другие элементы.
</HEAD>
<BODY>
... документы body...
</BODY>
</HTML>
HEAD элемент содержит информацию о текущем документе, как например, название, ключевые слова, которые могут быть полезными для поисковых систем, и другие данные, которые не считаются содержанием документа.
Каждый HTML документ должен иметь элемент TITLE в HEAD разделе. Авторы должны использовать элемент TITLE, чтобы идентифицировать содержимое документа. Он отображается в заголовке браузера.
Комментарий:
<!—текст
комментария -->
Цветовые атрибуты элемента BODY:
bgcolor = color; фон
text = color; текст
background=url; фоновое изображение
Пример:
<BODY bgcolor="white" text="black" >
Существует 136 предопределенных имен цветов.
Названия цветов.
Black = черный;
Silver = серебристый;
Gray = серый;
White = белый;
Maroon = коричневый;
Red = красный;
Purple = пурпурный;
Fuchsia = фуксия;
Green = зеленый;
Lime = ярко-зеленый;
Olive = оливковый;
Yellow = желтый;
Navy = темно-синий;
Blue = ярко-синий;
Teal = сине-зеленый.
Цветовую карту со всеми 136 именами цветов можно найти по адресу:
http://www.molly.com/molly/webdesign/136_colors.html
Цвета можно задавать в шестнадцатеричной форме шестью разрядами (text=”#000000”).
Другие параметры тега BODY приведены ниже:
- BOTTOMMARGIN= граница нижнего поля документа в пикселах
- BGPROPERTIES= Если установлено значение FIXED, фоновое изображение не прокручивается
- LEFTMARGIN=граница левого поля документа в пикселах
- RIGHTMARGIN=граница правого поля документа в пикселах
- SCROLL= Устанавливает наличие или отсутствие полос прокрутки окна браузера
- TOPMARGIN=граница верхнего поля документа в пикселах.
<DIV> - раздел (используется для деления BODY на части для изменения параметров)
…
</DIV>
При разделении на части используется метод контейнеров, когда каждая внутренняя форма полностью помещается в наружной. Внутри DIV может использоваться выравнивание текста. Текст, выделенный тегом DIV, на экране начинается с новой строки.
<SPAN> – отличается от тега DIV тем, что не изменяет текст на экране, а создаёт логический блок, который может быть использован с помощью обычных (align) или стилевых параметров.
</SPAN>