Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
shpory_po_kitu.doc
Скачиваний:
0
Добавлен:
01.03.2025
Размер:
605.7 Кб
Скачать

23. Элементы структуры html- документа. Фреймы. Оформление блоков гипертекста. Примеры.

HTML-документ представляет собой иерархически связанный набор элементов. Вне зависимости от содержания все правильно составленные HTML-документы имеют одну и ту же структуру:

<!DOCTYPE HTML PUBLIC "html version">

<HTML>

<HEAD> Заголовок документа, содержит дополнительную информацию о документе

<TITLE>Название документа</TITLE>

</HEAD>

<BODY>

Тело документа, содержит размеченный текст отображающий содержание документа

</BODY>

</HTML>

HTML-документ начинается с необязательного элемента <!DOCTYPE>. Затем следует элемент <HTML>, определяющий начало и конец HTML-документа. HTML-документ состоит из двух главных разделов - заголовка и тела, которые обозначаются соответственно элементами <HEAD> и <BODY>. В заголовке содержится вся информация, описывающая документ, в частности, название документа, которое помещается в элемент <TITLE>. Название документа отображает назначение Web-страницы и выводится в заголовке окна браузера при просмотре HTML-документа. Web-страницы с кадрами используют несколько файлов с HTML-документами. Например, страница из двух кадров использует три файла:

1) кадрированный документ, в котором определяются кадры;

2) файл с документом для первого кадра;

3) файл с документом для второго кадра.

Кадрированный HTML-документ вместо элемента <BODY>, содержит элемент <FRAMESET>, определяющий расположение кадров страницы. Главными атрибутами элемента <FRAMESET> являются ROWS и COLS, задающие количества и размеры (в процентах или пикселях) строк и столбцов, на которые будет разбита страница кадрами. Внутри элемента <FRAMESET> содержатся элементы <FRAME>, связывающие каждый кадр с определенным файлом.

Пример структуры кадрированного HTML-документа:

<HTML>

<HEAD>

<TITLE>Название документа</TITLE>

</HEAD>

<FRAMESET COLS="20%,80%">

<FRAME SRC="file1.htm" NAME="Левый кадр">

<FRAME SRC="file2.htm" NAME="Правый кадр">

</FRAMESET>

<NOFRAMES> Часть документа только для старых версий браузеров, не поддерживающих работу с кадрами

</NOFRAMES>

</HTML>

В данном примере страница содержит 2 кадра (2 столбца с ширинами 20% и 80% от ширины экрана), связанных с файлами file1.htm, file2.htm (имена файлов задают значения атрибута SRC элемента <FRAME>). Атрибут NAME определяет имя кадра для указания его в гиперссылках. Элемент

<NOFRAMES> служит для отображения информации, которая видна в браузерах, не поддерживающих работу с кадрами. Для придания большей выразительности HTML-страницам применяются следующие теги и их закрывающие пары:

для использования жирного (bold) написания <B> и </B>

для использования наклонного (italic) написания <I> и </I>

для использования режима (underline) подчеркивания <U> и </U>

В текст HTML-страницы могут быть добавлены заголовки и подзаголовки (с уровнем вложения до шести). Для этого применяются теги <H1>, <H2>, <H3>, <H4>, <H5>, <H6> с соответствующими закрывающими

тегами.

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

<P> ... </P> - оформление отдельного абзаца;

<BR> - принудительный перевод строки;

<HR> - горизонтальная черта (разделитель);

<PRE> ... </PRE> - передача текста без дополнительного форматирования.

Имеются также логические стили (элементы <EMP>, <BIG> и др.), форматирующие текст по-разному в различных браузерах.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]