Понятие тега и элемента
Как нам уже известно, HTML - это язык тегов. А тег (дескриптор) представляет собой специальный код, вставляемый в текст и используемый при форматировании элементов HTML-документа. Тег является основным элементом кодирования, принятым в HTML-стандарте. Тег заключается в угловые скобки (например, - тег абзаца, - тег горизонтальной линии).
Различают 2 типа тегов: контейнеры и одиночные.
Контейнеры представляют собой дескрипторную пару, включающую в себя начальный (открывающий) и конечный (закрывающий) теги. Начальный тег имеет вид , где TAG - это имя реального HTML-тега. Конечный тег имеет вид . Суть использования контейнеров заключается в хранении определенной информации (текста или других HTML-тегов). В связи с этим содержимое контейнера заключается между начальным и конечным тегами.
Пустой тег отличается от контейнера тем, что не содержит информации. Он содержит только начальный тег. Такой дескриптор обычно используется для выполнения самостоятельной задачи, не связанной с конкретным текстом (тег создаёт горизонтальную линию).
Элемент документа состоит из начального и конечного тегов контейнера вместе с заключённым между ними содержимым. В качестве элемента могут использоваться изображения, фрагменты текста, формы, таблицы, списки, ссылки, текстовые поля, кнопки, заголовок документа или его основная часть.
Границы документа
Основным HTML-тегом является одноименный тег . Он всегда стоит в начале и открывает документ, а тег стоит в последней строке и закрывает документ.
Эти 2 тега указывают на то, что строки, которые находятся между ними, являются единым HTML-документом. Это очень важно, поскольку сам по себе документ представляет собой обычный текстовый файл типа ASCII. Без этих тегов браузер не сможет идентифицировать формат документа и правильно его интерпретировать.
Заголовок документа
Он является необязательным элементом, однако хорошо составленный заголовок будет всегда полезен. Заголовок документа предоставляет информацию для программ, интерпретирующих документ. Элементы, содержащиеся в разделе HEAD (кроме названия документа), не отражаются на экране. Они нужны для того, чтобы:
- определить название документа;
- установить отношения между несколькими документами;
- указать браузеру на создание формы для поиска;
- определить метод отправки специальных сообщений для определенного браузера или другой программы просмотра.
Раздел HEAD открывает тег , который стоит сразу после тега . Закрывающий тэг указывает на конец этого раздела. Между ними находятся остальные теги раздела заголовка документа.
Название документа
Раздел TITLE представляет собой единственный обязательный элемент заголовка документа, дающий документу название, которое обычно отображается в заголовке окна браузера. Содержимое раздела TITLE нельзя отождествлять с названием файла документа, поскольку оно является текстовой строкой, которая не зависит от имени и места нахождения файла. Имя самого файла, как правило, определено операционной системой того компьютера, на котором хранится.
Название документа располагается между тегами и и является текстовой строкой. Оно не заключается в кавычки. Как правило, раздел TITLE занимает одну строку.
В принципе название может быть любой длины и включать в себя любые символы, кроме некоторых зарезервированных. На практике лучше использовать одну строку, учитывая появление названия в заголовке окна браузера. Также рекомендуется не забывать о том, как название документа будет выглядеть при сворачивании окна браузера, в связи с этим нужно постараться разместить наиболее важные слова в начале названия.
Тело документа
Прежде чем начать наполнение документа содержанием, необходимо подготовить так называемый каркас. В состав HTML-документа должны обязательно входить некоторые элементы, без которых он не будет правильно интерпретирован. Приведем пример листинга самого простого шаблона.
This is an example document
Enter body text here
Шаблон открывает тег , необходимый для каждого документа. Следом за ним идет тег , с которого начинается заголовок документа, который, в свою очередь, содержит элемент TITLE, вводящий название документа. Заголовок закрывает тег . Затем следует тег , после которого размещается текст (тело) документа. Тег указывает на конец тела, а тег - на конец всего документа.
Атрибуты элемента BODY
В элемент BODY может входить большое количество атрибутов. Все они важны, так как определяют общий вид документа. Эти атрибуты приведены ниже в таблице.
Рассмотрим эти атрибуты.
Определять цвет составных частей документа нужно в самом начале его создания, так как если этого не сделали, будут использоваться цвета по умолчанию, которые устанавливаются программой просмотра.
При выборе цветовой палитры нужно стараться поддерживать высокую контрастность текста и фона и избегать соседства областей с близкими цветами, чтобы пользователи не испытывали неудобства.
Цвет в HTML определяется шестнадцатеричным кодом. Цветовая система базируется на красном, синем и зеленом цветах.
Атрибут BGCOLOR определяет цвет фона документа. При наличии на странице фонового изображения данный атрибут обеспечивает цвет наиболее близкий к общему тону рисунка, чтобы пользователь смог легко прочитать текст на странице.
Атрибутом TEXT определяется цвет текста документа. Необходимо стараться на странице поддерживать высокую контрастность текста. Используя шрифт с тонким начертанием лучше сделать его темным на светлом фоне.
С помощью атрибута LINK браузер показывает еще не просмотренные ссылки. Рекомендуется выделять их цветом на фоне основного текста.
Атрибут VLINK показывает просмотренные ссылки. Как правило, они окрашиваются более темным оттенком того же цвета, что и не просмотренные ссылки.
Атрибутом ALINK определяется цвет активной ссылки. Этот атрибут обычно используется при просмотре многокадровых документов.
Один из популярных способов украшения страницы – это размещение на ней фоновой графики. Этот прием подчеркивает целостность документа или же делит его на логические части. Большинство фоновых изображений малы по размеру, поэтому окно программы просмотра заполняют их копиями. Очень популярными являются текстурные (узорчатые) изображения. При более продуманном оформлении страниц используют фон, который соответствует содержанию.
С помощью атрибутов LEFTMARGIN и TOPMARGIN устанавливаются расстояния между левым и верхним краями текста и соответствующими краями окна браузера. Местоположение других краев текста не регулируется для обеспечения возможности просмотра страниц любым браузером.
Атрибутом LEFTMARGIN устанавливается расстояние между левым краем окна браузера, измеряемым в пикселях. Пользователь использует этот атрибут, когда ему необходимо слева свободное от текста поле, которое отличается узором или цветом от остальной части фонового изображения.
Атрибутом TOPMARGIN устанавливается расстояние между верхним краем текста и верхним краем окна браузера. Атрибут используют при большом значении верхней части фонового изображения, которую нужно оставить открытой.
Включение комментариев
В HTML-документы включают комментарии, которые не будет видеть читатель. Они начинаются с тега . Все, что находится внутри этих тегов, при просмотре страницы остается невидимым.
Элемент Address
Данный элемент представляет собой один из важных элементов HTML, который идентифицирует автора документа и может указывать адрес автора при желании последнего. Так же в нем отражаются сведения об авторских правах. Этот элемент находится либо в начале, либо в самом конце документа.
Элемент ADDRESS состоит из текста, заключенного между тегами и , который отображается обычно в окне браузера курсивом.
