Формат файлов HTML. Структура HTML-файла. 





Мы поможем в написании ваших работ!



ЗНАЕТЕ ЛИ ВЫ?

Формат файлов HTML. Структура HTML-файла.



Документы, составляющие содержание WWW, называются Web-страницами, а формат, с помощью которого подготавливаются Web-страницы, называется HTML (HyperText Markup Language) или “язык разметки гипертекста”. Под гипертекстом же в простейшем случае понимается текст, позволяющий не только последовательное прочтение, то есть, указателями-ссылками связанный с другими текстами.

Структура HTML-файла

Стандартный документ Интернет представляет собой текстовый файл, размеченный средствами формата HTML. Элемент разметки или оформления, входящий в формат HTML, называется таг. Любой таг имеет общий вид

<ИМЯ>область действия тага</ИМЯ>

и действует на все, что расположено между треугольными скобками. Почти все таги (кроме <P>, <BR>, <IMG>) должны закрываться, причем закрытие тага отличается от открытия только наличием символа '/'. Таги могут вкладываться друг в друга иерархически, но без пересечений, то есть допустимо вложение вида <ТАГ1><ТАГ2></ТАГ2></ТАГ1>, но не <ТАГ1><ТАГ2></ТАГ1></ТАГ2>.

HTML довольно "демократичен", неправильный таг или неправильное вложение тагов обычно не приводят к "зависаниям" браузера или каким-либо сообщениям об ошибках, хотя, разумеется, могут вызвать неправильное форматирование документа. Названия тагов нечувствительны к рЕгИсТрУ символов.

Создавать HTML-документы можно как в простом текстовом редакторе, например, в Блокноте Windows, так и с помощью специализированных программ, таких как Microsoft Frontpage.

HTML-файл имеет следующую общую структуру:

<HTML>

<HEAD>

<Мета-таги>

<Функции скриптов>

<TITLE>Заголовок документа</TITLE>

</HEAD>

<BODY>

Основная часть документа

</BODY>

</HTML>

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

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

В настоящее время широко распространены сразу несколько способов кодирования национальных алфавитов. Таг, указанный выше, управляет кодировкой документа. Обычно используется одна из двух основных русскоязычных кодировок:

windows-1251 – кодировка Windows от Microsoft, по умолчанию используемая для русского языка во всех приложениях под Windows;

koi8-r – кодировка KOI8-R, используемая для русского языка в операционной системе Unix;

Для современных браузеров, поддерживающих несколько кодировок, указание тага кодировки необязательно. Остальные мета-таги:

<meta name="Generator" content="Имя программы, сгенерировавшей документ">

<meta name="Description" content="Краткое описание содержания страницы">

<meta name="Keywords" content="ключевые слова документа, разделенные запятыми">

<meta name="owner" content="электронный почтовый адрес владельца страницы">

<meta name="category" content="категория страницы, например, home site">

В таге <TITLE>, также вложенном в таг <HEAD>помещается текст, отображаемый в заголовке окна браузера. Основной текст документа размещен внутри тага <BODY>. Таг <BODY> имеет множество опций, с основными из которых мы познакомимся позже.

 

 


 

Основные средства форматирования текста

Как и в Word, основой структуры текста в HTML является абзац. Для выделения абзаца служит таг <P>, закрывать который не обязательно. В таге <P> можно указать способ выравнивания текста абзаца в виде <P ALIGN="опция_выравнивания">. Для выравнивания текста абзаца по левому краю, правому краю, по центру или по ширине следует использовать, соответственно, опции LEFT, RIGHT, CENTER, JUSTIFY (последний - только в новых браузерах). Точно так же можно выравнивать и заголовки в тагах <H1>,...,<H6> (см. табл. 2).

При "ручном" наборе текста для HTML-документа следует избегать переносов слов по слогам и выравнивания текста с помощью пробелов или табуляций. Все форматирование в HTML осуществляется через таги, а переносы строк и количество символов в строке не имеют значения.

Для принудительного разрыва строки внутри абзаца служит таг <BR>. Если Вы хотите, напротив, запретить переносы в какой-то части текста, следует заключить ее в таг <NOBR>...</NOBR>.

Некоторые символы являются для HTML служебными и при "ручном" наборе HTML-документа вместо них следует использовать сочетания символов из таблицы 1:Символ Обозначение в HTML

< &lt;

> &gt;

& &amp;

" &quot;

Служебные символы HTML

Если нужно вставить в текст один или несколько неизменяемых пробелов, для этого используется сочетание символов &nbsp;

Для форматирования текста абзацев используйте таги, приведенные в таблице 2:

Таг Пояснение Образец

<H1>...</H1> Заголовок 1 уровня Заголовок1

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

<BIG>...</BIG> Большой Большой

<SMALL>...</SMALL Маленький Маленький

<SUP>...</SUP> Верхний индекс Верхний индекс

<SUB>...</SUB> Нижний индекс Нижний индекс

<B>...</B> Жирный Жирный

<I>...</I> Курсив Курсив

<U>...</U> Подчеркнутый Подчеркнутый

<S>...</S> Перечеркнутый Перечеркнутый

 

Некоторые таги форматирования текста

Кроме указанных выше элементов физического форматирования, существуют таги логического форматирования, служащие, например, для выделения цитат, важных фрагментов текста, имен переменных и т.д. Информацию о них можно найти в справочной литературе.

Размерами и начертаниями шрифта можно управлять также с помощью тага

<FONT FACE="Шрифт" SIZE="Размер">

где "Шрифт" - имя шрифта Windows, а размер указывается цифрой от 1 до 7, например, этот текст отформатирован тагом <FONT FACE="Arial" SIZE="5">. Размер шрифта по умолчанию обычно равен 3. Разумеется, для корректного отображения текста каким-либо шрифтом он должен быть установлен на машине пользователя, поэтому следует избегать "экзотических" шрифтов. По умолчанию браузеры поддерживают один стандартный масштабируемый шрифт (обычно это Times New Roman) и один шрифт для отображения предварительно отформатированного текста в таге <PRE> (обычно Courier New).

Опция face позволяет также указать несколько шрифтов через запятую - в этом случае для форматирования текста будет использован первый подходящий шрифт из списка:

<font face="Verdana, Arial, Helvetica">

Для отображения предварительно отформатированного текста, с сохранением переносов строк, табуляций и интервалов, используется таг <PRE width="N">, где N - необязательная опция, указывающая желаемый размер строки в символах. Если нужна гарантия, что все символы отформатированного текста будут иметь одинаковую ширину, следует использовать таг <TT>.

Для создания в документе текстового раздела используется таг <div>...</div>, с опцией align, указывающей способ выравнивания текста в разделе (так же, как в таге <p>). Указанный в таге <div> способ выравнивания текста используется по умолчанию во всех абзацах этого раздела, если в абзаце в явном виде не указан другой способ выравнивания. Для размещения части документа по центру окна браузера можно также использовать таг <center>...</center>

Отделить часть текста горизонтальной чертой можно с помощью тага <HR>. Опция ALIGN со значением LEFT, RIGHT или CENTER определяет выравнивание черты на странице, опция SIZE="размер" - толщину линии в пикселах, а опция WIDTH="ширина" - ширину, указанную в пикселах (например, 600) или процентах (100%). Если указана опция NOSHADE, линия создается без трехмерных эффектов. Пример:

Эта черта создана тагом вида <HR ALIGN="CENTER" SIZE="1" WIDTH="50%">





Последнее изменение этой страницы: 2016-04-07; просмотров: 135; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 54.204.189.2 (0.012 с.)