ВНИМАНИЕ При работе с кодом HTML необходимо запомнить одно простое правило если
где-то в тексте листинга веб-страницы встречается открывающий тег, обязательно должен присутствовать и закрывающий (за исключением тех случаев, когда спецификация языка позволяет использовать непарные теги). Несоблюдение этого правила вызовет ошибку при обработке такого документа интерпретатором браузера.
тег1
<тег2>0брабатываемое значение
В ряде случаев язык HTML позволяет использовать непарные теги, то есть директивы, не имеющие закрывающей конструкции, все эти случаи будут подробно рассмотрены далее.
тег значениепараметрисодержимое контейнератег
Данное свойство HTML позволяет использовать принцип вложения одного тега в другой, когда обрабатываемым значением одной команды может служить другая команда. Вот простой пример вложения двух тегов друг в друга:
Документ HTML
Тело документа
Основной код
Рис. 3.3. Упрощенная структура html-документа
60
Урок 3. Первая веб-страница
У HTML имеется еще одна важная особенность, отличающая его от других компьютерных языков: практически все теги данного языка, за исключением некоторых отдельно оговоренных случаев, — парные. Такая пара состоит из «открывающего» и «закрывающего» тега, которые отличаются лишь наличием в последнем символа «/». Все, что расположено между открывающим и закрывающим тегами, обрабатывается интерпретатором согласно алгоритму, присвоенному данному конкретному тегу. В общем виде строка кода HTML с открывающим и закрывающим тегами выглядит так:
Как и любой другой компьютерный язык, HTML подразумевает некую стандартизированную структуру построения кода в данном случае, html-докумепта. Такая структура описывает даже не последовательность директив языка, а очередность следования ряда обязательных блоков, содержащих непосредственно код разметки вебстраницы. В отличие от иных языков, директивы HTML называются не командами, процедурами или операторами, а имеют собственное наименование теги от английского tag отметка. Теги HTML заключаются в угловые скобки, представленные на клавиатуре компьютера символами больше и меньше. Все объекты, не заключенные в угловые скобки, интерпретатор браузера воспринимает как текстовые элементы, отображая их на экране компьютера как есть. Итак, упрощенная структура html-документа выглядит следующим образом рис. 3.3.
Общая структура языка HTML 59
и расширений; а также язык XML (extended Markup Language) — относительно новый стандарт, предложенный разработчиками спецификации HTML, консорциумом W3C, и являющийся своего рода метаязыком разметки документов. В отличие от HTML, который предназначен только для описан им визуальной и логической структуры веб-страниц, язык XML позволяет осуществлять логическую разметку любых электронных документов — например, технической документации, отформатированных текстовых файлов, информационных баз, при этом разработчик может создавать свои собственные директивы языка, подготовив для них соответствующую спецификацию. В этом смысле XML гораздо ближе к* идеологии языка SGML, чем его прямой предшественник: аспекты логического и визуального представления информации в нем являются различными категориями. Существует также язык DHTML (Dynamic HTML), позволяющий включать в веб-с границы различные интерактивные элементы и использовать визуальные эффекты, а также создавать веб-страницы с многослойной структурой. Однако в рамках этой книги мы с вами будем изучать «классический» вариант языка HTML в версии 4.0. Если вы освоите этот стандарт, для вас не составит ни малейшего труда изучить и другие технологии Интернета.
Общая структура языка HTML
На сегодняшний день существует несколько языков разметки гипертекста: самыми известными из них по праву считаются HTML версии 4, явившийся прямым «наследником» стандарта HTML 3.2 и включающий в себя множество дополнений
8. Создание шаблонов веб-страниц.
9. Сборка веб-страниц и отладка кода.
10. Проверка идентичности отображения веб-страниц с разными значениями экранного разрешения и цветовыми палитрами и в различных браузерах.
3. Разработка логической и физической структуры ресурса.
4. Подготовка эскиза дизайна, компоновки сайта, невидимой верстальной таблицы.
5. Подготовка текстовых материалов.
6. Подготовка графических материалов.
7. Экспорт векторных рисунков в растровый формат, оптимизация картинок.
В итоге последовательность действий по разработке веб-сайта сводится к следующему несложному алгоритму.
1. Постановка целей и определение основных задач.
2. Создание списка будущих тематических разделов.
