- •Саратовский государственный технический университет
- •Часть 2. Создание web-страниц с использованием Java Script
- •Часть 3. Создание интерактивного web-приложения на основе технологии «клиент-сервер» с использованием графического интерфейса
- •Литература
- •Введение
- •1. Просмотр web-страниц
- •2. Основные сведения о языке html
- •3. Структура документа html
- •4. Форматирование текста
- •5. Управление цветом
- •6. Элементы, расширяющие возможности языка
- •6.1.Горизонтальная линия
- •6.2.Бегущая строка
- •7.Вставка гипертекстовых ссылок
- •7.1. Вставка графического изображения в ссылку
- •7.2. Локальные ссылки внутри документа
- •8. Размещение графических и видеоизображений
- •8.1. Сегментированные графические изображения - ссылки
- •Прозрачные изображения
- •Вставка видеофрагментов
- •9.Таблицы
- •Заголовок таблицы
- •10.Фреймы
- •Плавающие фреймы
- •11.Формы
- •Практическая часть
- •Содержание отчета
- •Литература
4. Форматирование текста
Для форматирования текста существует большое количество элементов.
Тегами, задающими абзац, являются
Р и /Р
Элемент абзаца позволяет использовать только начальный тег, так как следующий элемент Р обозначает конец предыдущего и начало следующего абзаца. Конечный тег удобно использовать в тех случаях, когда по смыслу необходимо обозначить конец абзаца.
Вместе с элементом <Р> можно использовать атрибут выравнивания align со значениями:
"left" - выравнивание по левому краю;
"center" - выравнивание по центру;
"right" - выравнивание по правому краю.
Для центрирования абзаца следует использовать такую конструкцию:
Р align = "center" Текст абзаца.</P>
Элемент, обеспечивающий принудительный переход на новую строку, имеет вид:
BR
Он имеет только стартовый тег. В месте его размещения строка заканчивается, а оставшийся текст печатается с новой строки.
Теги форматирования символов текста приведены в табл. 1.
Таблица 1
Тег |
Описание |
B, /B |
Выделение жирным цветом |
I, /I |
Выделение курсивом |
U, /U |
Выделение подчеркиванием |
STRIKE, /STRIKE |
Выделение перечеркиванием |
TT, /TT |
Оформление шрифтом с фиксированной шириной букв |
BIG, /BIG |
Текст с крупным размером букв |
SMALL, /SMALL |
Текст с малым размером букв |
BLINK, /BLINK |
Мигающий текст |
SUB, /SUB |
Подстрочный индекс |
SUP, /SUP |
надстрочный индекс |
Теги <H1> .. </H1>, <H2> .. </H2>,...,<H6> .. </H6> задают заголовки различных уровней. Существует шесть уровней заголовков, обозначающихся H1...H6 и имеющих свои стандартные размеры и конфигурации шрифтов. Заголовок уровня 1 самый крупный, а уровня 6 - самый мелкий. Для заголовков внутри тега <Hn> можно использовать атрибут align, задающий выравнивание:
align=’’left’’ - влево;
align=’’center’’ - по центру;
align=’’right’’ - вправо.
Например: <H1 align=’’center’’>Текст заголовка</H1>
<H4> Заголовок четвертого уровня </H4>
Элемент, определяющий базовый (основной) размер шрифта на странице (он является необязательным), имеет вид:
BASEFONT.
Внутри элемента необходимо указать атрибут:
size = Базовый размер шрифта
Величина атрибута может лежать в пределах от 1 до 7. По умолчанию используется величина 3. Установка, выполняемая этим элементом, имеет значение для элемента FONT.
Тег FONT является основным оператором работы с текстом в HTML:
FONTТекст /FONT.
Тег FONT используется только с атрибутами. Атрибуты данного элемента определяют тип (face), размер (size) и цвет (color) шрифта. При этом допускается задавать размер шрифта в абсолютных величинах : size = X , где Х - целое число от 0 до 7 (по умолчанию Х=3), или относительно базового: size = + Y или size = - Y
В сумме относительный и базовый размеры должны соответствовать одному из абсолютных размеров шрифта (от 1 до 7). Размер шрифтов соответствует шрифтам Microsoft Word следующим образом:
Х=1 - 9 пикселов
Х=2 - 10
Х=3 - 12
Х=4 - 14
Х=5 - 18
Х=6 - 24
Х=7 - 36 пикселов.
Цвет шрифта задается атрибутом color=’’цвет’’ или color=’’#RRGGBB’’, где названия цветов или их кодировка шестнадцатиричными числами дается в соответствии со стандартами HTML и совпадает со значениями атрибута color или bgcolor во всех других тегах (см. п.5 данного пособия).
Тип шрифта определяется атрибутом face=’’Название шрифта’’ , где шрифты указываются в соответствии с названиями шрифтов Microsoft Word.
Например:
<FONT face=’’Arial Cyr’’ color=’’blue’’ size=5> Текст </FONT> - слово «Текст» отобразится шрифтом Arial Cyr синего цвета размером 18 пикселей.