Структура документа HTML

12 3 4 5 6 Следующая ⇒

ОСНОВЫ HTML

ВВЕДЕНИЕ

Размещение информации в Интернет включает два этапа: подготовку материалов и их публикацию. Подготовка материалов состоит в создании документов, имеющих формат, принятый в Интернет, то есть, Web-страниц, написанных на языке HTML (HyperText Markup Language – язык разметки гипертекста). Гипертекст, то есть расширенный текст, помимо текстовой информации включает в себя дополнительные элементы: иллюстрации, ссылки, вставные объекты. Под разметкой понимается использование специальных кодов, легко отделяемых от смыслового содержания документа и используемых для реализации гипертекста. Применение этих кодов подчиняется строгим правилам, определяемым спецификацией языка HTML.

Публикация материалов, то есть открытие к ним доступа, осуществляется после решения организационных вопросов, связанных с получением, дискового пространства на Web-cервере для их размещения. Обычно для копирования Web-страниц на Web-cервер используется клиентская программа, работающая по протоколу FTP (File Transfer Protocol – протокол передачи файлов).

Особенность описания документа средствами языка HTML связана с принципиальной невозможностью достижения абсолютной точности воспроизведения исходного документа. Предполагается, что документ будет широко доступен в Интернете, и поэтому неизвестно, как будет организовано его воспроизведение. Документ может быть представлен на графическом экране, выведен в чисто текстовом виде или просто «прочитан» программой синтеза речи.

В настоящее время во многих приложениях существует возможность создания или сохранения документов в формате HTML, существует также множество специализированных редакторов HTML: Front Page Express, Home Site, DreamWeaver и другие. В данном же пособии рассматриваются основы создания HTML документов с помощью обычного текстового редактора.

Управляющие конструкции языка HTML называются тегами и вставляются непосредственно в текст документа. Все теги заключаются в угловые скобки <...>. Сразу после открывающей скобки помещается ключевое слово, определяющее тег, например <BODY>. Теги HTML бывают парными и непарными. Непарные теги оказывают воздействие на весь документ или определяют разовый эффект в месте своего появления. При использовании парных тегов в документ добавляются открывающий и закрывающий теги, которые воздействуют на часть документа, заключенную между ними. Закрывающий тег отличается от открывающего наличием символа «/» (косая черта) перед ключевым словом (</BODY>). Определение HTML как языка разметки основывается на том, что при удалении из документа всех тегов получается текстовый документ, совершенно эквивалентный по содержанию исходному гипертекстовому документу. Таким образом, при отображении документа HTML сами теги не отображаются, но влияют на способ отображения остальной части документа.

Все документы HTML имеют одну и ту же структуру, определяемую фиксированным набором тегов структуры. Документ HTML всегда должен начинаться с тега <HTML> и заканчиваться закрывающим тегом </HTML>. Внутри документа выделяются два основных раздела: раздел заголовков и тело документа. Раздел заголовков содержит информацию, описывающую документ в целом, и ограничивается тегами <HEAD> и </HEAD>. В частности, раздел заголовков должен содержать общий заголовок документа, ограниченный парным тегом <TITLE>. Основное содержание размещается в теле документа, которое ограничивается парным тегом <BODY>.

Для парных тегов область влияния определяется частью документа между открывающим и закрывающим тегом. Такую часть документа рассматривают как элемент языка HTML. Так, можно говорить об «элементе BODY», включающем тег <BODY>, основное содержание документа и закрывающий тег </BODY>. Для непарных тегов элемент совпадает с тегом, который его определяет.

Элементы языка HTML, отражающие основное содержание документа, помещаются между тегами <BODY> и </BODY>, то есть, внутрь структурного элемента BODY. Такие элементы делят на блочные и текстовые. Блочные элементы относятся к частям текста уровня абзаца. Текстовые элементы описывают свойства отдельных фраз и еще более мелких частей текста.

В большинстве документов основными функциональными блочными элементами являются заголовки и абзацы. Заголовки задаются при помощи парных тегов от <H1> до <H6>, а абзацы – с помощью парного тега <P>. На экране компьютера абзацы разделяются пустой строкой. Закрывающий тег </P> рассматривается как необязательный. Подразумевается, что он стоит перед тегом, который задает начало очередного абзаца документа. Например:

<H1>Заголовок</H1>

<P>Первый абзац<P>Второй абзац

<H2>Заголовок второго уровня</H2>

Следствием наличия специального тега, определяющего абзац, является тот факт, что обычного символа конца сроки, вводимого по нажатию клавиши ENTER, для создания абзацного отступа недостаточно. Любая последовательность, состоящая только из пробелов и символов конца сроки, при отображении документа рассматривается как одиночный пробел. Это, в частности, означает, что символ конца строки даже не осуществляет перехода на новую строку (для этой цели используется текстовый элемент, задаваемый непарным тегом <BR>)

В качестве ограничения абзацев может также использоваться горизонтальная линейка. Этот элемент задается непарным тегом <HR>. При отображении документа на экране линейка разделяет части текста друг от друга. Её длина и толщина задаются атрибутами тега <HR>. Например, тег <HR ALIGN="RIGHT" SIZE="10" WIDTH="50%"> создает горизонтальную линейку шириной в 10 пикселов, занимающую половину ширины окна и расположенную справа (рис. 1).

Рис. 1

12 3 4 5 6 Следующая ⇒

Поделиться с друзьями:

Дата добавления: 2017-02-01; Просмотров: 82; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.007 сек.