HyperText Markup Language (HTML) является стандартным
языком, предназначенным для создания
гипертекстовых документов в среде WEB.
HTML-документы могут просматриваться различными
типами WEB-броузеров. Когда документ создан с
использованием HTML, WEB-броузер может
интерпретировать HTML для выделения различных
элементов документа и первичной их обработки.
Использование HTML позволяет форматировать
документы для их представления с использованием
шрифтов, линий и других графических элементов на
любой системе, их просматривающей. Большинство документов имеют стандартные элементы, такие, как заголовок, параграфы или списки. Используя тэги HTML вы можете обозначать данные элементы, обеспечивая WEB-броузеры минимальной информацией для отображения данных элементов, сохраняя вцелом общую структуру и информационную полноту документов. Все что необходимо, чтобы прочитать HTML-документ - это WEB-броузер, который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему придает автор. В большинстве случаев автор документа строго определяет внешний вид документа. В случае HTML читатель (основываясь на возможностях WEB-броузера может, в определенной степени, управлять внешним видом документа (но не его содержимым). HTML позволяет отметить, где в документе должен быть заголовок или абзац при помощи тэга HTML, а затем предоставляет WEB-броузеру интерпретировать эти тэги. Например, один WEB-броузер может распознавать тэг начала абзаца и представлять документ в нужном виде, а другой не имеет такой возможности и представляет документ в одну строку. Пользователи некоторых WEB-броузеров имеют, также, возможность настраивать размер и вид шрифта, цвет и другие параметры, влияющие на отображение документа. HTML-тэги могут быть условно разделены на две категории:
Запомните, что основное преимущество HTML заключается в том, что ваш документ может быть просмотрен на WEB-броузерах различных типов и на различных платформах. Как создаются HTML документы?HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров. Выбор редактора, который будет использоваться для создания HTML-документов, зависит исключительно от понятия удобства и личных пристрастий каждого автора. Например, HTML редакторы, такие, как "Netscape
Navigator Gold" компании Netscape позволяют Основные положенияВсе тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Для примера приведем тэги заголовка, определяющие текст, находящийся внутри стартового и завершающего тэга и описывающий заголовок документа:
Завершающий тэг выглядит также, как
стартовый, и отличается от него прямым слэшем
перед текстом внутри угловых скобок. В данном
примере тэг Некоторые тэги, такие, как (тэг, определяющий абзац), не требуют завершающего тэга, но его использование придает исходному тексту документа улучшенную читаемость и структурируемость. HTML не реагирует на регистр символов, описывающих тэг, и приведенный ранее пример может выглядеть следующим образом:
Внимание! Дополнительные пробелы,
символы табуляции и возврата каретки,
добавленные в исходный текст HTML-документа для
его лучшей читаемости, будут проигнорированы
WEB-броузером при интерпретации документа.
HTML-документ может включать вышеописанные
элементы только если они помещены внутрь тэгов
Структура документаКогда WEB-броузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тэг, который встречается в документе, должен быть тэгом . Данный тэг сообщает WEB-броузеру, что ваш документ написан с использованием HTML. Минимальный HTML-документ будет выглядеть так: ...тело документа... Заголовочная часть документа Тэг заголовочной части документа должен
быть использован сразу после тэга и более
нигде в теле документа. Данный тэг представляет
из себя общее описание документа. Избегайте
размещать какой-либо текст внутри тэга .
Стартовый тэг помещается непосредственно
перед тэгом Внимание! Технически, стартовые и завершающие тэги типа , и необязательны. Но настоятельно рекомендуется их использовать, поскольку использование данных тэгов позволяет WEB-броузеру уверенно разделить заголовочную часть документа и непосредственно смысловую часть. Заголовок документа Большинство WEB-броузеров отображают
содержимое тэга Комментарии Как любой язык, HTML позволяет вставлять в тело документа комментарии, которые сохраняются при передаче документа по сети, но не отображаются броузером. Синтаксис комментария:
Комментарии могут встречаться в документе где угодно и в любом количестве. Тэги тела документаТэги тела документа идентифицируют отображаемые в окне компоненты HTML-документа. Тело документа может содержать ссылки на другие документы, текст и другую форматированную информацию. Тело документа Тело документа должно находиться между тэгами и . Это та часть документа, которая отображается как текстовая и графическая (смысловая) информация вашего документа. Уровни заголовков Когда пишется HTML-документ, текст структурно делится на просто текст, заголовки частей текста, заголовки более высокого уровня и т.д. Первый уровень заголовков (самый большой) обозначается цифрой 1, следующий - 2, и т.д. Большинство броузеров поддерживает интерпретацию шести уровней заголовков, определяя каждому из них собственный стиль. Заголовки выше шестого уровня не являются стандартом и могут не поддерживаться броузером. Заголовок самого верхнего уровня имеет признак "1". Синтакс заголовка уровня 1 следующий:
Заголовки другого уровня могут быть представлены в общем случае так:
где x - цифра от 1 до 6, определяющая уровень заголовка. Тэг абзаца
В отличии от большинства текстовых процессоров, в HTML-документе обычно игнорируются символы возврата каретки. Физический разрыв абзаца может находиться в любом месте исходного текста документа (для удобства его читаемости). Однако броузер разделяет абзацы только при наличии тэга . Если вы не разделите абзацы тэгом , ваш документ будет выглядеть как один большой абзац. Дополнительные параметры тэга : ALIGN=left|center|right> позволяют выравнивать абзац по левому краю, центру и правому краю соответственно. Центрирование элементов документа Вы можете центрировать все элементы
документа в окне броузера. Для этого можно
использовать тэг Все элементы между тэгами Тэг преформатирования Тэг преформатирования,
Использование тэгов, определяющих формат
абзаца, таких как Далее идет несколько более подробный пример, собранный из предыдущих:
Вот, что вы увидите на экране броузера: Список сотрудников нашей фирмыСоставлено : 30 июля 1996 годаДанный список содержит фамилии, имена и отчества всех сотрудников нашей компании. Список может быть использован только в служебных целях. Внимание! Заголовок "Список сотрудников" не отображен броузером как часть документа. Он появится в заголовке окна броузера. Разрыв строки Тэг Алексей Ярцев Дополнительный параметр позволяет
расширить вохможности тэга
Данный параметр позволяет выполнить не
просто перевод строки, а разместить следующую
строку, начиная с чистой левой (left), правой (right)
или обоих (all) границ окна броузера. Например, если
рядом с текстом слева встречается рисунок, то
можно использовать тэг Как вы можете видеть, данная схема
демонстрирует связь Неразрывная строка Если вы не хотите, чтобы броузер
автоматически переносил строку, то вы можете
обозначить ее тэгами Если же вы хотите все же позволить
разбиение данной строки на две, но в строго
запланированном месте, то вставьте тэг Данная строка является самой длинной строкой документа, которая не допускает какого-либо разбиения где бы то ни было Цитата Данный тэг предназначен для обозначения в
документе цитаты из другого источника. Текст,
обозначенный тэгом На открытии данной конференции глава представительства произнес:
При отображении броузером данный текст будет выглядеть так: На открытии данной конференции глава представительства произнес:
Список базовых тэгов HTML
Описанные ранее тэги - это все, что
необходимо вам для того, чтобы начать работать с
HTML. |