4.5.1.1 HTML
4.5.1.1 HTML
HTML (HyperText Markup Language) т.е. язык разметки гипертекста используется для создания веб-страниц. При помощи HTML создаётся логическая структура документа и размечается внешний вид каждого элемента (для оформления элементов рекомендуется использовать CSS, а не HTML). HTML не язык программирования! Файл веб-страницы содержит текст в кодировке ASCII и имеет расширение .htm или .html. Разметка текста в файле происходит при помощи тегов (tag). Теги размещаются в треугольных скобках.
Типы тегов:
- одиночные теги <tag /> не требуют закрывающего тега, например <br />;
- парные теги <tag></tag> всегда требуют закрывающий тег, например текста находящийся между <b></b> будет выведен жирным шрифтом.
У тега могут быть атрибуты. Атрибуты уточняют действия тега. Атрибут размещается всегда в открывающем теге, потому что браузер читает информацию слева направо и сверху вниз. У некоторых тегов использование атрибутов обязательно. Например, у тега для добавления изображения <img /> есть обязательный атрибут src, значением которого является путь и имя файла: <img src="faili nimi ja rada" />. Теги можно писать как большими <TAG>, как и маленькими <tag> буквами, для браузера это не имеет значения. Также не имеет значения перемена строки. В целях читаемости кода рекомендуется для тегов использовать только большие или только маленькие буквы, начинать новый элемент с новой строки и добавлять комментарии.
Пробелы:
- пробел обязателен между именем и атрибутом тега
- пробела не должно быть между именем атрибута и его значением
- в тексте HTML документа несколько пробелов подряд означают то же самое, что и один; для того чтобы поставить несколько пробелов подряд, которые будут видны в окне браузера, необходимо использовать специальные символы.
Структура HTML документа
Каждая веб-страница находится между тегами <html></html> . Документ состоит из двух тегов:
- заголовок (head)
- тело (body или frameset)
Заголовок располагается между парных тегов <head></head>. Здесь находится вспомогательная информация о документе. Эта информация не показывается. При помощи различных тегов можно определить кодирование страницы (<meta name="Content-Type" content="text/html; charset=utf-8">) или ключевые слова, которые используют поисковые системы для индексации веб-страниц (<meta name="keywords" content="ключевые слова">). Сюда можно поместить и описания стилей CSS (<style>описание стилей</style>) или сценарии скриптов (<script>описание сценариев</script>).
Тело располагается между тегами <body></body> . Вся показываемая в браузере информация (текст, ссылки, изображения, таблицы, формы и т.д.) находится в теле документа.
Спецификация тегов HTML(версия 4.01): http://www.w3.org/TR/html4/index/elements.html
Спецификация атрибутов HTML: http://www.w3.org/TR/html4/index/attributes.html