русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Управление шрифтом


Дата добавления: 2015-07-09; просмотров: 1157; Нарушение авторских прав


Кроме использования стандартных размеров и начертаний (гарнитуры) шрифтов, можно определять шрифты для каждого фрагмента текста с помощью специальных тэгов.

 

Стиль Тэг
Полужирный <B>…</B>
Курсив <I>…</I>
Подчёркнутый <U>…</U>
Пишущая машинка <TT>…</TT>

 

Рис. 7. Использование шрифтов

 

Рис. 8. Примеры шрифтов

Тэги <FONT> и <BASEFONT>

С помощью специального тэга <FONT> можно настроить шрифт для изображения текста: задать гарнитуру, размер и цвет. Прежде всего, вы можете установить размер основного шрифта, который используется в документе по умолчанию. Тэг основного шрифта имеет формат <BASEFONT SIZE=размер_шрифта>. Размер основного шрифта можно установить от 1 до 7. Если на использовать этот тэг, то размер основного шрифта по умолчанию устанавливается равным 3.

Тэг <FONT SIZE=размер_шрифта> используется для установки размера текущего шрифта для отдельных фрагментов текста. На стили этот тэг не влияет. Диапазон возможных значений – от 1 до 7. Данный тэг позволяет также управлять размером текущего шрифта относительно основного. Для этого используется символ «+», чтобы увеличить и символ «-», чтобы уменьшить размер шрифта на заданную величину. Например, если размер основного шрифта установлен равным 3, то тэг <FONT SIZE=+2>устанавливает размер текущего шрифта равным 5.

Для задания гарнитуры шрифта используется тэг <FONT FACE= «имя_шрифта»>. Например, <FONT FACE=«Arial»>.

Если этот тэг не используется в вашем документе, то браузер будет применять шрифт, установленный в своей настройке. Следует также иметь в виду, что если назначенный вами шрифт не установлен на компьютере пользователя, то браузер будет изображать текст шрифтом, установленным по умолчанию. Вы можете в тэге указать через запятую перечень шрифтов. В этом случае браузер будет использовать первый найденный шрифт. Например, можно записать тэг: <FONT FACE=«Arial, Sans Serif, Courier»>.Обычно в перечне задают похожие шрифты.



С помощью атрибута COLOR в тэге <FONT> можно задать цвет шрифта: <FONT COLOR=”цвет”>

Аргумент атрибута COLOR представляет собой шестнадцатеричную запись кода цвета (красной, зелёной и синей составляющей).

 

Рис. 9. Установка гарнитуры шрифта

Рис. 10. Пример управления гарнитурой шрифта

Заметим, что в тэге <FONT> можно использовать несколько или все его возможные атрибуты. Например, <FONT FACE="Arial" SIZE=5 COLOR="BLUE">.

ЦВЕТ

По умолчанию браузеры заполняют фон сплошным цветом, определённым настройкой браузера. Пользователи по-разному настраивают цвета, поэтому полезно принудительно зафиксировать цвет фона или создать фоновое изображение. Фоновый цвет задаётся в тэге <BODY> в начале HTML-файла.

Цвет фона определяется атрибутом BGCOLOR тэга <BODY>. Например, тэг, задающий жёлтый цвет фона, имеет вид:

<BODY BGCOLOR=”YELLOW”>

Можно задать и цвет текста. Этой цели служит атрибут TEXT тэга <BODY>. Тэг, приведённый ниже, задаёт зелёный цвет для фона и синий – для текста:

<BODY BGCOLOR=”GREEN” TEXT=”BLUE”>

 

Ниже приводится таблица соответствий имён цветов:

 

Цвет Имя цвета
Чёрный BLACK NAVY SILVER
Синий BLUE MAROON
Пурпурный PURPLE
Красный RED FUCHSIA
Зелёный GREEN TEAL LIME AQUA OLIVE
Серый GRAY
Жёлтый YELLOW
Белый WHITE

 

Рис. 11. Задание цвета фона и цвета текста

Рис. 12. Пример применения цвета фона и цвета шрифта

 

 

Списки

Иногда требуется разместить списки на странице. Списки бывают нумерованные и маркированные. При отображении списков браузер выделяет их отступом от края страницы. Кроме того, списки могут быть вложенными.

Нумерованные списки задаются тэгом <OL>, а маркированные – тэгом <UL>. Оба эти тэга парные.

Для нумерованных списков можно выбрать способ индексации. Это делается с помощью атрибута TYPE с аргументами: 1 (арабские цифры), А (прописные буквы), а (строчные буквы), i (римские цифры). Можно задать номер, с которого начинается список. Для этого служит атрибут START внутри тэга <OL>.

Перед элементами списков следует поставить тэг <LI>, чтобы индексация происходила автоматически. В этом тэге можно использовать и вышеописанный атрибут TYPE.

Рис. 13. Использование списков

Рис. 14. Пример использования списков



<== предыдущая лекция | следующая лекция ==>
Заголовки текста | Разделительные полосы


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.79 сек.