 |
Структура HTML-документа
|
|
|
|
Создание простейших Web-страниц. Форматирование текста средствами языка HTML
Цель работы
- приобрести элементарные навыки создания простейших Internet-документов;
- научиться выполнять форматирование Web-страниц;
- изучить технологию создания гипертекстовых документов на примере HTML.
Порядок выполнения работы
- Изучение методических указаний к работе.
- Выполнение общих заданий.
- Выполнение индивидуальных заданий и защита работы.
Теоретические сведения
Основные понятия и определения
Язык HTML (HyperText Markup Language, язык разметки гипертекста) — это язык, на котором создаются Web-страницы.
Web-страницы (HTML-документы) могут просматриваться различными типами Web-браузеров. Когда документ создан с использованием HTML, Web-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.
Web-страницы могут быть созданы с помощью:
· обычного текстового редактора;
· редактора, способного сохранять в формате HTML;
· специализированного редактора;
· специализированной системы.
HTML-документы сохраняются на диске как обычные текстовые документы в формате ASCII. Для распознавания Web-страниц по их именам общепринято обозначать такие файлы использованием расширений.HTM (для Windows 3.1) или.HTML (для Windows 95/98/NT, Macintosh и Unix).
Кроме полезного текста в HTML-документах используются специальные управляющие последовательности символов — теги.
Структура тега имеет следующий вид:
Парный тег:
<ТЕГ атрибут1=значение1...>
|
|
|
текст
другие конструкции
</ТЕГ>
Одиночный тег:
<ТЕГ атрибут1=значение1...>
текст
другие конструкции
Чаще всего теги используются попарно, окружая размеченные фрагменты текста. Такие теги называются контейнерами. Закрывающий тег отличается от начального только присутствием символа "/", добавляемого перед именем тега.
При интерпретации тегов браузер не делает различия между строчными и прописными буквами. Поэтому сами теги можно набирать на любом регистре.
Атрибуты (параметры) для тегов часто является необязательной величиной и их можно пропускать.
Структура HTML-документа
Когда Web-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тег, который встречается в документе, должен быть тегом <HTML>. Данный тег сообщает Web-браузеру, что документ написан с использованием HTML.
Минимальный HTML-документ имеет структуру:
<HTML>
...тело документа...
</HTML>
Теги <HTML> и </HTML> заключают внутри себя все элементы HTML-кода, указывая, что используется язык HTML.
Принято выделять заголовочную часть и тело Web-документа. Теги <HEAD> и </HEAD> обозначают заголовочную часть Web-документа. Как правило, заголовочная часть содержит название документа, метатеги с информацией для индексирования и некоторые общие установки для данного документа. Тег заголовочной части документа должен быть использован сразу после тега <HTML> и более нигде в теле документа.
Теги <BODY> и </BODY> обрамляют тело (основную часть) документа. Здесь размещается основная смысловая текстовая и графическая информация. Тело документа отображается в окне браузера.
Разделение документа на заголовочную часть и тело имеет лишь смысловую нагрузку. Текст, приведенный в любой из этих частей, на экране выглядит совершенно одинаково.
В общем виде Web-документ имеет следующую структуру:
|
|
|
<HTML>
<HEAD>
<TITLE>
… текст для строки заголовка браузера
</TITLE>
</HEAD>
<BODY>
… тело документа (в окне браузера)
</BODY>
</HTML>
Внутри контейнера <HEAD> может использоваться тег <TITLE>, как показано выше. Большинство Web-браузеров отображают содержимое этого тега в строке заголовка окна Web-браузера, содержащего документ, и в файле закладок, если он поддерживается Web-браузером.
Как любой язык, HTML позволяет вставлять в тело документа пояснительный текст (комментарии), который сохраняется при передаче документа по сети, но не отображается браузером.
Синтаксис комментария следующий:
<!-- Это комментарий -->
Комментарии могут встречаться в любом месте документа.
|
|
|
