Бегущая строка: элемент MARQUEE
Лабораторная работа №2.
Работа с абзацем и шрифтами. Мнемоники.
Цели:
- научиться использовать заголовки различных уровней
- научиться использовать абзацы, горизонтальные линии, «бегущие» строки
- научиться работать со шрифтами
- научиться использовать мнемоники
Заголовки: элементы H1, H2, H3, H4, H5, H6
Описание: описывают шесть уровней заголовков: от H1 (самый верхний) до H6 (самый нижний).
Начальный тег: необходим
Конечный тег: необходим
Определения атрибутов:
align = left|center|right|justify – выравнивание текста: left – выравнивание по левому краю, center – по центру (по умолчанию), right – по правому краю, justify – выравнивание по правому и левому краям.
Примеры:
| <h1>Заголовок первого уровня</h1> | Печатается заголовок первого уровня. |
| <h2 align=”center”>Заголовок второго уровня</h2> | Печатается заголовок второго уровня, выровненный по центру. |
Параграфы: элемент P
Описание: представляет параграф
Начальный тег: необходим
Конечный тег: не обязателен
Определения атрибутов:
align = left|center|right|justify – выравнивание текста
Примеры:
| <p> Первый абзац. | Печатается первый абзац. |
| <p align=”left”>второй абзац. | Печатается второй абзац, выровненный по левому краю. |
Форсирование обрыва строки: элемент BR
Описание: принудительно обрывает (оканчивает) текущую строку текста, но абзац не заканчивается.
Начальный тег: необходим
Конечный тег: запрещён
Пример:
| <p> Первая строка абзаца<br> | Печатает абзац такого вида: Первая строка абзаца Вторая строка абзаца. |
| Вторая строка абзаца. |
Изменение шрифта текста: элемент FONT
Описание: определяет вид, размер и цвет шрифта для текста.
Начальный тег: необходим
Конечный тег: необходим
Определения атрибутов:
size = number – устанавливает размер шрифта. Возможные значения:
● Целое число от 1 до 7. Устанавливает шрифт в определённый фиксированный размер, представление которого зависит от браузера пользователя.
● Относительное увеличение размера шрифта. "+1" означает: на один размер больше. "-3" означает: на три размера меньше. Все размеры находятся в пределах шкалы от 1 до 7
color = color – устанавливает цвет текста
face = string – задает имя шрифта
Пример:
| <font size=’1’ color=’black’ face=’Tahoma’> Строка</font> | Печатает слово «Строка» черным цветом, шрифт «Tahoma» размером 1. |
Элементы стиля шрифта: TT, I, B, BIG, SMALL, STRIKE, S и U
Описание:
TT: моноширинный текст, телетайп.
I: курсив.
B: полужирный.
BIG: "большой" шрифт.
SMALL: "малый" шрифт.
STRIKE и S: зачёркнутый текст.
U: подчёркнутый.
Начальный тег: необходим
Конечный тег: необходим
Примеры:
| <b>bold</b> | полужирный |
| <i>italic</i> | курсив |
| <b><i>bold italic</i></b> | полужирный курсив |
| <tt>teletype text</tt> | телетайп |
| <big>big</big> | "большой" шрифт |
| <small>small</small> | "малый" шрифт |
Подиндекс и надиндекс: элементы SUB и SUP
Описание: переводит текст в нижний и верхний регистр
Начальный тег: необходим
Конечный тег: необходим
Примеры:
| H<sub>2</sub>O | H2O |
| E = mc<sup>2</sup> | E=mc2 |
Бегущая строка: элемент MARQUEE
Описание: создания бегущей строки
Начальный тег: необходим
Конечный тег: необходим
Определения атрибутов:
bgcolor = color –цвет фона бегущей строки
loop = number – число повторов анимации бегущей строки (значение может быть целым или infinite – текст будет продолжать бегать пока читатель не перейдет на новую страницу)
direction = left|right|up|down – определяет направление: left (по умолчанию) – справа налево, right – слева направо, up – снизу вверх, down – сверху вниз.
scrollamount = number – скорость движения строки. (Рекомендуется ставить скорость "1", в этом случае строка выглядит более удобочитаемо и не дёргается).
scrolldelay = number – задаёт временной интервал между шагами бегущей строки.
width = number – ширина бегущей строки в пикселях.
height = number – высота бегущей строки. (Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв).
Примеры: