- •Мировые информационные ресурсы Лабораторный практикум
- •Содержание
- •Лабораторная работа №1
- •Заголовок html–документа
- •Параметры:
- •Параметры:
- •Тело html-документа body
- •Параметры:
- •Примечание:
- •H1,h2,...H6
- •Blockquote
- •Элементы форматирования текста:
- •Basefont
- •Параметры:
- •Параметры:
- •Примечание: Будьте внимательны. Многие элементы форматирования текста pre, code, kbd,samp...), расположенные внутри элемента font, работают некорректно.
- •Задание:
- •Контрольные вопросы:
- •Noembed
- •Параметры:
- •Примечание: Для передачи Java–программе каких–либо параметров используется элемент param.
- •Атрибут nowrap
- •Атрибут соlspan
- •Атрибут rowspan
- •Атрибут widтн
- •Атрибут сеllраdding
- •Атрибуты аlign и valign
- •Атрибут border
- •Атрибут bgcolor
- •Атрибут background
- •Атрибут border
- •Задание:
- •Контрольные вопросы:
- •Textarea
- •Параметры:
- •Параметры:
- •Параметры:
- •Параметры:
- •Задание:
- •Параметры:
- •Noframes
- •Задание:
- •Контрольные вопросы:
- •Учебно-практическое издание Мировые информационные ресурсы
Лабораторная работа №1
Тема: Структура HTML–документа
Цель: Ознакомиться со структурой HTML-документа
Для перевода текстового файла в HTML–файл, необходимо поменять расширение с ".txt" на ".html". Также необходимо соблюдать "правило первой строки". Каждый HTML–документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки декларации версии HTML <!DOCTYPE>, которая выглядит так:
<!DOCTYPE HTML PUBLIC "–//W3C//DTD HTML 3.2 Final//RU">
Эта строка помогает браузеру определить, как правильно интерпретировать данный документ. В данном случае браузеру передается информация о том, что HTML соответствует международной спецификации версии 3.2, которая является полноценным, широко распространенным стандартом без каких-либо неопределенностей. Как видно из примера, самый короткий html–документ может состоять из одной строки.
<!DOCTYPE HTML PUBLIC "–//W3C//DTD HTML 3.2 Final//RU">
После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тэга-контейнера <HTML>. Необходимо отметить, что любой HTML–документ открывается тэгом <HTML> и им же закрывается.
Далее, между тэгами <HTML> и </HTML> следует разместить заголовок и тело документа. Таким образом должен выглядеть базовый HTML–файл перед началом работы:
<!DOCTYPE HTML PUBLIC "–//W3C//DTD HTML 3.2 Final//RU">
<HTML>
<HEAD>
<TITLE>заголовок документа</TITLE>
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>
Приведенный выше документ состоит из двух основных блоков – "заголовка" и "тела документа". Заголовок определяется с помощью элемента HEAD, а тело – элементом BODY.
Заголовок содержит "техническую" информацию о документе, хотя чаще всего используется только для обозначения его названия.
Тело документа – основная часть документа. Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы. Соответственно, большинство HTML–экспериментов будет проводиться в пространстве между тэгами <BODY> и </BODY>
Одной из наиболее распространенных ошибок размещение заголовка в теле документа или наоборот, что совершенно недопустимо. Сначала закрываем заголовок </HEAD>, затем открываем тело.
Заголовок html–документа
Заголовок HTML–документа создается с помощью элемента HEAD, между тэгами которого размещаются элементы, содержащие техническую информацию о документе. Заголовок располагается до тела документа.
Элементы, относящиеся к заголовку документа:
|
HEAD |
Определяет начало и конец заголовка документа |
|
TITLE |
Определяет имя всего документа, которое отображается в заголовке окна браузера |
|
BASE |
Определяет базовый адрес, от которого отсчитываются относительные линки внутри документа |
|
STYLE |
Используется для вставки в документ таблицы стилей CSS |
|
LINK |
Описывает взаимосвязь документа с другими объектами |
HEAD
(HTML 1.0) – Head
Определяет начало и конец заголовка документа. Является контейнером для элементов, содержащих техническую информацию о документе.
<HTML>
<! –Начинаем загодовок…–>
<HEAD>
<TITLE>справочник по HTML</TITLE>
</HEAD>
<! –…кончили. Дальше пошло тело документа –>
<BODY>
Текст документа
</BODY>
</HTML>
TITLE
(HTML 2.0) – Title
Определяет имя всего документа. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML–документа и может быть указан не более одного раза.
…
<HEAD>
<TITLE>руководство по эксплуатации</TITLE>
</HEAD>
…
BASE
(HTML 3.2) – Base URL
Указывает базовый адрес текущего документа (URL), который станет отправной точкой для расчета относительных адресов внутри документа. Элемент не имеет конечного тэга. Обязательно присутствие хотя бы одного из параметров.
Параметры:
HREF – определяет базовый адрес (URL) текущего документа.
TARGET – определяет имя фрэйма, которое будет использоваться в гиперссылках по умолчанию. Это может вам пригодиться, если вы хотите открывать все ссылки документа в другом фрэйме.
<HEAD>
<! – Пусть браузер думает, что находится по адресу: –>
<BASE HREF = “http://www.igf.ru/other/index.html”>
</HEAD>
…
<! – А теперь создадим относительную ссылку на документ – >
<! – http://www.igf.ru/other/list.html –>
<A HREF = “../list.html”> Список </A>
…
STYLE
(HTML 3.2) – Style
Используется для вставки в документ таблицы стилей (CSS – Cascade Style Sheet).