- •Глава 1. Создание документа в html
- •1.1. Начало работы
- •1.2. Общие сведения о html-документе
- •1.3. Структура html-документа
- •1.4. Форматирование текста
- •1.4.1. Шрифтовое выделение фрагмента текста
- •1.4.2. Форматирование абзацев
- •1.4.3. Шрифты
- •Характеристика цветов
- •1.4.4. Верхние и нижние индексы
- •1.5. Заголовки текста
- •1.6. Специальные символы
- •1.7. Цитаты
- •Вопросы для самоконтроля к главе 1
- •Глава 2. Элементы оформления страницы
- •Отступы от края окна
- •Цвет фона
- •Цвет текста
- •Бегущая строка
- •Горизонтальные линии
- •Сокращения
- •Комментарии
- •Вопросы для самоконтроля к главе 2
- •Глава 3. Графика
- •Вставка графических изображений на страницу
- •Размеры изображения
- •Изображение в рамке
- •Графика и текст
- •Сопровождение рисунка текстом
- •Вопросы для самоконтроля к главе 3
- •Глава 4. Гипертекстовые ссылки
- •4.1. Создание гиперссылок
- •4.2. Создание закладок
- •Оглавление
- •Глава 1. Знакомство с ms Excel 2003
- •Глава 2. Расчеты в ms Excel 2003
- •Глава 3. Оформление рабочих листов
- •Оглавление
- •Глава 1. Знакомство с ms Excel 2003
- •Глава 2. Расчеты в ms Excel 2003
- •Глава 3. Оформление ms Excel 2003
- •4.3. Изображение как гиперссылка
- •Вопросы для самоконтроля к главе 4
- •Глава 5. Списки
- •5.1. Нумерованные списки
- •5.2. Маркированные списки
- •Многоуровневые списки
- •Список определений
- •Вопросы для самоконтроля к главе 5
- •Глава 6. Табличный дизайн
- •6.1. Создание таблиц
- •6.2. Горизонтальное выравнивание в таблице
- •6.3. Рамки таблицы
- •6.3.1. Толщина и цвет рамок
- •Частичное отображение рамок
- •Фон таблицы и ячеек
- •Шрифт таблицы и ячеек
- •Объединение ячеек
- •Заголовок таблицы
- •Вопросы для самоконтроля к главе 6
- •Глава 7. Фреймы
- •Понятие фреймовой структуры
- •Расположение фреймов в окне браузера
- •Способы задания размеров фреймов
- •Вложенные фреймы
- •Обрамление фреймов
- •Открытие страниц во фреймах
- •Вопросы для самоконтроля к главе 7
- •Глава 8. Внешние параметры web-страницы
- •8.1. Название страницы
- •8.2.1. Мета-запись keywords
- •8.2.2. Мета-запись description
- •8.2.3. Мета-запись refresh
- •8.2.4. Мета-запись expires
- •8.2.5. Мета-записи author и copyright
- •Вопросы для самоконтроля к главе 8
Бегущая строка
Для разнообразия Web-страницы используют бегущую строку, представляющую собой прямоугольную область, в которой перемещается текст, оформленный в виде одной строки. Данный объект называют также быстрой строкой. Для строки задают направление и скорость движения. Для этого применяют тег <MARQUEE>…</MARQUEE>. Если тег используется без параметров, то текст, заключенный внутрь этой пары, будет двигаться по кругу.
<MARQUEE> Это моя новая страница</MARQUEE>
Чтобы задать скорость движения строки, используют параметр scrollamount, которому присваивают числовое значение, соответствующее расстоянию (в пикселях) между двумя последовательными строками:
<MARQUEE scrollamount=10> Это моя новая страница </MARQUEE>
Параметр direction позволяет задать направление движения бегущей строки. Присвоив этому параметру значение up, текст будет двигаться вверх, значение down – вниз. Например:
<MARQUEE direction=up> Это моя новая страница </MARQUEE>
или
<MARQUEE direction=down> Это моя новая страница </MARQUEE>
Использование параметра behavior позволяет задать «поведение» бегущей строки. Присвоив этому параметру значение slide, строка будет появляться из-за границы прямоугольной области, в которой размещена, и останавливаться перед противоположной границей. Направление ее перемещения задается значениями right и left параметра direction.
<MARQUEE direction=right behavior=slide> Это моя новая страница </MARQUEE> <MARQUEE direction=left behavior=slide> Это моя новая страница </MARQUEE>
Присвоив параметру behavior значение alternate, бегущая строка будет двигаться от одной границы прямоугольной области до другой, меняя попеременно направление:
<MARQUEE behavior=alternate> Это моя новая страница </MARQUEE>
По умолчанию строка по экрану перемещается непрерывно. Чтобы бегающая строка не раздражала посетителей вашей страницы, можно задать количество перемещений бегущей строки по экрану с помощью параметра loop, присваивая ему числовое значение, которое необходимо. Например:
<MARQUEE behavior=alternate loop=5> Это моя новая страница </MARQUEE>
В этом случае, переместившись 5 раз от правого края окна к левому, текст «Это моя новая страница» остановится около левого края.
Кроме этого можно задавать цвет и гарнитуру шрифта бегущей строки с помощью использования тега <FONT>. Например:
<FONT face="Arial Black" color=#FF00FF> <MARQUEE behavior=alternate loop=3 scrollamount=10> Это моя новая страница </MARQUEE> </FONT>.
Поскольку бегущая строка размещается в прямоугольной области, невидимой изначально, можно задать цвет этой области с помощью параметра bgcolor, например:
<MARQUEE bgcolor=#00FF00 behavior=alternate loop=3 scrollamount=10> Это моя новая страница </MARQUEE>,
и размер этой области с помощью параметров width (ширина) и height (высота) в процентах от размеров окна или пикселях:
<MARQUEE width=100% height=10% bgcolor=#00FF00 behavior=alternate loop=3> Это моя новая страница </MARQUEE>
Горизонтальные линии
Для включения на страницу горизонтальных линий с целью украшения или разделения каких-либо частей документа используется непарный тег <HR> (от англ. Horizontal Rule). Тег может включать параметры size (определяет толщину линии в пикселях), width (определяет размах линии в процентах от ширины экрана или в пикселях), color (определяет цвет линии). Написав HTML-код, приведенный ниже, можно получить коллекцию горизонтальных линий разной длины, разной толщины и цвета, расположенных по центру окна.
<HTML> <HEAD> <TITLE>ПРИМЕР</TITLE> </HEAD> <BODY> <H1>Примеры горизонтальных линий</H1>
<HR size=2 color=red width=100%><BR>
<HR size=4 color=green width=50%><BR>
<HR size=8 width=25%><BR>
<HR size=16 width=12%><BR> </BODY> </HTML>
Кроме указанных параметров, допускается использование атрибутов для выравнивания по левому краю, по центру, по правому краю, по ширине:
<HR align=left width=50%>
<HR align=center width=50%>
<HR align=right width=50%>
<HR align=justify width=50%>
Как видно из примеров, тег <HR> не является парным.