- •Введение
- •От автора
- •С труктура html документов
- •Анатомия web страницы
- •Указание приложения, в котором был создан документ
- •Оформление основной части страницы
- •Форматирование текста
- •Теги управления шрифтом
- •Специальные символы
- •Задание произвольного вида маркеров в списке
- •Работа с графикой, звуком и видео клипами
- •Гиперссылки
- •Изображения-карты
- •Создание стилей
- •Сценарии
- •Редакторы гипертекста
- •Форматы графических файлов
- •Лабораторная работа №1 Тема. Оформление страницы
- •Лабораторная работа №2 Тема. Стилевое оформление текста
- •Лабораторная работа №3 Тема. Таблицы
- •Лабораторная работа №4 Тема. Списки
- •Лабораторная работа №5 Тема. Работа с графикой, звуком и видеоклипами
- •Лабораторная работа №6 Тема. Ссылки
- •Приложение а. Цветовая модель rgb
- •Приложение b. Свойства таблиц стилей
Оформление основной части страницы
<BODY></body>
Теги означающие основную часть Web-страницы, содержимое которого будет сгенерировано программой-броузером и выведено на экран. Внутри начального тега можно использовать атрибуты, обеспечивающие установки для всей страницы целиком.
Атрибут |
Описание |
Пример задания значения |
BGCOLOR |
Цвет фона |
BGCOLOR=#0000FF или BGCOLOR=”BLUE” |
BACKGROUND |
Задание рисунка для фона |
BACKGROUND=”URL” |
TEXT |
Цвет текста |
TEXT=#0000FF или TEXT=”BLUE” |
LINK |
Цвет ссылки |
LINK=#0000FF или LINK =”BLUE” |
VLINK |
Цвет уже посещенной ссылки |
VLINK=#0000FF или VLINK =”BLUE” |
ALINK |
Цвет активной ссылки |
ALINK=#0000FF или ALINK =”BLUE” |
URL – задание адреса. Путь к файлу может быть задан абсолютно и относительно (пример задания относительных/абсолютных адресов также как и для тега <base>).
Цвет задается обозначением, принятым для модели RGB (подробнее смотри в приложении 1) или английским названием цвета.
Форматирование текста
<P></p>
Теги для обозначения начала абзаца <P> и конца </p>. Используются атрибут выравнивания: Align. Принимающий значения: left, center, right. Пример использования:
<P> Текст первого абзаца </p>
<P align=”center”>Выравнивание по центру</p>
<BR>
Принудительный переход на новую строку.
<NOBR></nobr>
Текст, заключенный в этих тегах, будет выведен в одну строку. Если длинная строка не уместится на экране, для ее просмотра придется использовать полосу прокрутки. Противоположность тегу <BR>.
<PRE></pre>
Текст заключенный в эти теги выводиться в том виде в котором был подготовлен автором. В тексте учитываются символы конца строки, а также позволяется использовать при наборе специальные символы без применения заменяющих их комбинаций.
Пример:
<PRE> Посмотри
на
экран! </pre>
Атрибут |
Описание |
Пример задания значения |
WIDTH |
Задает ширину блока в символах. |
WIDTH=”25” |
<H1></h1>
Заголовок первого уровня.
<H2></h2>
Заголовок второго уровня. Чем меньше уровень заголовка, тем крупнее шрифт текста. Существует шесть уровней заголовков, которые обозначаются H1…H.
<HR>
Горизонтальная линия. Элемент не имеет конечного тега, но допускает ряд атрибутов.
Атрибут |
Описание |
Пример задания значения |
WIDTH |
Длина в пикселях или в процентах |
WIDTH=”25” или WIDTH=25% |
COLOR |
Цвет линии |
COLOR=”RED” или COLOR=#FF0000 |
ALIGN |
Выравнивание влево, вправо, по центру, по ширине. |
Align=”left” (right, center, justify) |
SIZE |
Толщина в пикселях |
Size=40 |
<!-- Коментарий -->
Текст заключенный внутри воспринимается броузером как комментарий и игнорируется.
Пример:
<!--Комментарии-->
В тег комментариев часто заключают теги которые не воспринимаются ранними версиями броузеров, для предотвращения вывода кода. Старшие версии броузеров воспринимают данные теги правильно и игнорируют комментарии.