II. Новый материал.

I. Повторение.

Фреймы.

Таблицы.

Размещение графических объектов на HTML-страницах.

Параметры этих тегов.

Лекция 3.

Тег формирования абзацев <P> </P> и тег форматирования шрифта <FONT> </FONT>. Непарный тег <HR>, обеспечивающий изображение горизонтальной линии и его параметры.

Лекция 4.

Лекция 5.

Размещение на HTML-странице текста в виде списка.

Лекция 6.

Создание гиперссылок.

Лекция 7.

Лекция 8.

Лекция 1.

Тема. Основы языка HTML, структурные теги.

При просмотре в Интернете Wed-страниц пользователь имеет дело с гипертекстом.

Гипертекст– документ, содержащий ссылки на другие документы.

Wed-страницы просматривает специальная браузер-программа (в нашем случае это Internet Explorer). Именно браузер «видит» гипертекст. Следовательно, чтобы создать Wed-страницу нужно написать ее в форме гипертекста. Делается это с помощью наиболее популярного HyperText Makup Language – языка разметки гипертекста (сокращенно HTML). Неслучайно Wed-страницы иногда называют HTML-страничками.

Как написать HTML-страницу? С помощью языка HTML создается текстовой файл, имеющий расширение .html или .htm, который еще называют HTML-файл. Этот файл отображается в среде Internet Explorer как Wed-страница.

С точки зрения языка HTML гипертекст – это текст, содержащий специальные разметочные указатели, которые еще называют флагами разметки или тегами (от англ. tag – флаг). Иногда можно встреть название – дескриптор.

Теги – инструкции браузеру, указывающие способ отображения текста в окне программы.

Тег всегда начинается со знака «меньше» (<) и заканчивается знаком «больше» (>). Заглавные и строчные буквы при написании самих тегов браузером не различаются.

Существует два типа тегов – парные и непарные.

Парный тег – это тег, у которого есть открывающий флаг (<...>) и закрывающий: тот же самый флаг, но начинающийся с символа слеш «/» (</...>).

Непарный тег – это тег, у которого нет закрывающего флага.

Теги по выполняемым ими функциям делятся на следующие категории:

· структурные;

· теги форматирования символов;

· теги, определяющие параметры абзацев и заголовков;

· теги, обеспечивающие включение в текст разрыва строк;

· теги, отвечающие за вставку графических объектов и т. д.

Рассмотрим структурные теги. Структурные, т. е. отвечающие за структуру (другими словами за составляющие) страницы.

(Примечание: удобно записывать теги и их функции в форме таблицы.)

Таблица 1.

СТРУКТУРНЫЕ ТЕГИ
<HTML> </HTML>	Тег, указывающий браузеру, что далее следует HTML-страница. Весь текст (HTML-код) должен находится между этими тегами. Открывающий тег <HTML> помещается в самом начале страницы, а закрывающий </HTML> - в самом конце.
<HEAD> </HEAD>	Тег заголовка HTML-страницы. Помещается в самом начале, после тега <HTML>. Между тегами заголовка ставится тег названия страницы <TITLE> </TITLE>.
<TITLE> </TITLE>	Между этими тегами помещается текст, являющийся названием страницы. Название HTML-страницы высвечивается в заголовке окна программы-браузера.
<BODY> </BODY>	Внутри этого тега пишется то, что будет доступно в области просмотра браузера (другими словами – тело страницы). Этот тег имеет несколько параметров.

Таким образом, структура любой HTML-страницы выглядит следующим образом:

<HTML>

<HEAD><TITLE>Название страницы</TITLE>

</HEAD>

<BODY>Содержание (HTML-код)</BODY>

</HTML>

Создать HTML-страницу можно двумя способами: «вручную» и с помощью программных продуктов. Мы будем делать нашу страницу первым способом. Но прежде чем приступить к созданию, нужно решить, что мы хотим поместить на нашу страницу.