- •Тема3 (Лекции)
- •13Создание собственных Web-страниц при помощи редактора Microsoft FrontPage 2000
- •13.1Создание Web-страниц с помощью редактора Microsoft FrontPage
- •13.2Определение кодировки страницы www
- •13.3Задание базового адреса страницы
- •13.4Определение заголовка страницы
- •13.5Определение фонового изображения, цвета фона и цвета элементов страницы по умолчанию
- •13.6Элементы оформления текста
- •13.7Списки
- •13.8Таблицы
- •13.9Графическая информация на странице www
- •13.10Определение гиперссылок
- •13.11Основные понятия языка html
- •13.12Обязательные метки
- •13.13Форматирование текста
- •13.14Задание комментариев
- •13.15Рисунки и ссылки
- •13.16Гиперссылки
- •13.17Изображения в html-документе
- •13.22Продолжение работы с примером
13.11Основные понятия языка html
На предыдущем этапе мы создали два HTML-документа, связанные между собой при помощи редактора Microsoft FrontPage Express. Теперь нашей задачей является изменение этого документа, но не при помощи редактора, а напрямую, посредством языка HTML.
Для этого далее рассмотрим основные элементы языка HTML, которые мы будем использовать в работе.
Как видно из нашего документа, вся информация о форматировании документа сосредоточена в фрагментах текста, заключенных между знаками «<« и «>«. Такой фрагмент (например, <HTML>) называется меткой (по-английски — tag, читается «тэг»).
Большинство HTML-меток — парные, то есть на каждую открывающую метку вида <tag> есть закрывающая метка вида </tag> с тем же именем, но с добавлением «/».
Метки можно вводить как большими, так и маленькими буквами. Например, метки <body>, <BODY> и <Body> будут восприняты html браузером одинаково.
13.12Обязательные метки
Существуют обязательные метки: < >, <head>, <title>, <body>, <H1> — <H6>, <P>
<HTML> ... </HTML>
Метка <HTML> должна открывать HTML-документ. Аналогично, метка </HTML> должна завершать HTML-документ.
<head> ... </head>
Эта пара меток указывает на начало и конец заголовка документа. Помимо наименования документа (см. описание метки <title> ниже), в этот раздел может включаться множество служебной информации, о которой мы обязательно поговорим чуть позже.
<TITLE> ... </TITLE>
Все, что находится между метками <title> и </title>, толкуется браузером как название документа.
Каждый HTML-документ должен иметь заголовок, он показывается отдельно и используется, прежде всего, для идентификации документа (например, при поиске).
Практически во всех браузерах заголовок документа виден в верхней части экрана (окна).
Рекомендуется название не длиннее 64 символов.
<BODY> ... </BODY>
Эта пара меток указывает на начало и конец тела HTML-документа, каковое тело, собственно, и определяет содержание документа.
<H1> ... </H1> — <H6> ... </H6>
Метки вида <Hi> (где i — цифра от 1 до 6) описывают заголовки шести различных уровней. Шрифт заголовка первого уровня — самый крупный, шестого уровня, состветственно— самый мелкий.
<P>... </P>
Такая пара меток описывает абзац. Все, что заключено между <P> и </P>, воспринимается как один абзац.
В отличие от документов в большинстве текстовых процессоров, прерывания строк и слов в HTML-файлах не существенны. Обрыв слова или строки может происходить в любом пункте в вашем исходном файле, при просмотре это прерывание будет проигнорировано.
Например, параграф в документе был представлен как:
<H2>Параграф 1.</H2>
<P>Добро пожаловать в HTML!
Здесь мы расскажем, как правильно писать гипертексты.</P>
В исходном файле два предложения находятся на двух разных строках. Браузер игнорирует это прерывание строки и начинает новый абзац только после знака < P>, то есть заданный текст будет виден как одна строка.
Метки <Hi> и <P> могут содержать дополнительный атрибут ALIGN, например:
<H1 ALIGN=CENTER>Выравнивание заголовка по центру</H1>
или
<P ALIGN=RIGHT>Образец абзаца с выравниванием по правому краю</P>
Далее рассмотрим варианты форматирования текста внутри абзаца.