- •Оглавление
- •1.Что такое html
- •2.Минимальные требования к html документу
- •3.Элементы заголовка.
- •4.Элемент body
- •6.Специальные символы
- •7.Списки
- •Нумерованный (упорядоченный) список
- •Маркерованный (неупорядоченный) список
- •Список определений
- •8.Форматирование текста
- •Задание характеристик шрифта
- •9.Отображение графики в документе
- •10.Таблицы
- •11. Фреймы
- •Структура фреймовой конструкции
- •Имена фреймов
- •Документ без фреймов
8.Форматирование текста
Язык HTML содержит множество элементов, предназначенных для форматирования текста Например, элементы заголовка (от H1 до H6) обеспечивают шесть уровней форматирования стиля заголовка, которые в основном изменяют размер шрифта. В таблице, следующей далее, представлены элементы форматирования текста, тэги и их описание.
Элементы форматирования текста |
||
Элемент |
Тэг |
Эффект |
Абзац |
P |
Обозначает начало и конец абзаца.Текст, находящийся между этими тегами автоматически разбивается броузером на строки. Тэг P имеет только один атрибут - ALIGN, позволяющий выравнивать текст по левому краю (LEFT), по правому (RIGHT) и по центру (CENTER). По умолчанию ALIGN="LEFT". |
Разрыв строки |
BR |
Явно разрывает строку, т.е. переходит на новую строку. |
Отмена разрыва строки |
NOBR |
Запрещает разрыв строки |
Разбивка на подразделы |
DIV |
Играет роль контейнеров для последовательности элементов. Например, позволяет установить элемент ALIGN для нескольких абзацев сразу. |
Заголовок |
от H1 до H6 |
Стили заголовков. H1 использует наибольший шрифт, а H6 - наименьший. Элементы H задают также выделение текста полужирным шрифтом. |
Полужирный |
B или STRONG |
Выделяет текст полужирным шрифтом. |
Курсив |
I или EM |
Выделяет текст курсивом. |
Подчеркивание |
U |
Выделяет текст подчеркиванием. |
Отступы |
BLOCKQUOTE |
Задает отступы справа и слева. |
Верхний или нижний индекс |
SUB и SUP |
Преобразует текст в верхние и нижние индексы соответственно. |
Шрифт меньшего или большего размера |
SMALL или BIG |
SMALL задает размер шрифта на один пункт меньше текущего значения, а BIG - на один пункт больше. Тэги аналогичны элементам <FONT SIZE=-1> и <FONT SIZE=+1>. |
Моноширинный шрифт |
CODE |
Этот элемент задает использование моношириного шрифта. Используется при отображении текстов программ. |
Запрет форматирования |
PRE |
Запрещает броузеру форматирование текста. Т.е. участок текста должен отображаться "как есть". |
Шрифт по умолчанию |
BASEFONT |
Задает параметры шрифта, т.е. тип, размер и цвет по умолчанию. |
Шрифт |
FONT |
Задает тип, размер и цвет шрифта для фрагмента текста. |
Задание характеристик шрифта
В броузере Internet Explorer реализованы и усовершенствованы несколько расширений Netscape, относящихся к шрифтам. Элемент BASEFONT позволяет установить тип шрифта, его размер и цвет по умолчанию (для всего документа). Под типом шрифта понимается его название. Размер шрифта представляет собой целое от 1 до 7, причем 7 соответсвует наибольшему размеру. Цвет шрифта является стандартным HTML-цветом.Можно задать несколько видов шрифтов, но использован будет первый найденный на данном компьютере. Элемент FONT дает возможность задать шрифт для определенного фрагмента текста. Он поддерживает те же атрибуты, что и тэг BASEFONT: FACE, SIZE и COLOR. Атрибут SIZE может быть задан относительно размера, определенного в элементе BASEFONT. Для увеличения относительного размере шрифта используется синтаксис <FONT SIZE=+1>, что означает увеличение шрифти на единицу. Аналогичным образом уменьшается размер шрифта.
Приведем пример.
<BASEFONT FACE="Curier New" SIZE=3 COLOR=Blue> <B>This text is displayed in the Curier New font and the color of this text is blue.</B> <BASEFONT FACE="Arial" SIZE=3 Color=Red> <I>This text is desplayed in the Arial font and the cokor of this text is red.</I> <FONT SIZE=+1> <U>The font size was increased to four.</U> <FONT SIZE=+1> It's still four because we've specified it relative to the BASEFONT. <FONT SIZE=5> Now the font size is five. <FONT FACE="Times New Roman" Color=Black> We've now changed the font face to "Times New Roman".
Теперь просмотрите этот пример в действии.
Пример
