Главная страница Карта сайта Написать письмо
JavaScript + DHTML HTML Word Excel VBA Графика Свой сайт Free soft вебмастера SEO-новости Статьи
HTML профессионально
Учебник HTML (хтмл)
...Старт
...Основные тэги
...Заголовки и комментарии
...Специальные символы
...Форматирование текста ч.1
...Форматирование текста ч.2
...Форматирование текста ч.3
...Создание списков
...Работа с графикой ч.1
...Работа с графикой ч.2
...Работа с графикой ч.3
...Работа с графикой ч.4
...Таблицы ч.1
...Таблицы ч.2
...Таблицы ч.3
...Гиперссылки
...Фреймы
...Что такое формы
...Что такое JavaScript
...Маленькие секреты Вэб-дизайна
...Эффект постепенной прорисовки
...Карта ссылок
...Внутренний лист стилей
...Работа с листами стилей
...Свойства шрифта - font
...Свойства текста
...Свойство фона - background
...Рамки и размеры
...Относительное и абсолютное позиционирование элементов
...Основные мета тэги
...Таблица дескрипторов HTML и их атрибутов
...Таблица свойств css
...Заключительное слово
HTML-редакторы
...Что такое HTML-редактор
...FrontPage 2003
...Adobe GoLive CS
...Macromedia Dreamweaver MX 2004
...HomeSite
...CuteSite Builder
...Namo WebEditor
...CoffeeCup HTML Editor
...1stPage 2000
...Arachnophilia
...HotDog Professional
...CSE HTML Validator Pro
 
 

Форматирование текста html-страницы (ч.2)

Выбор шрифта

Изменение размера шрифта

Выбор цвета шрифта

Изменение цвета фона

Выбор шрифта html-страницы

Для изменения шрифта служит тэг <FONT> с атрибутом FACE. Можно указывать шрифт по названию (Arial, Tahoma, Verdana) или типу(например, monospace). Желательно перечислить несколько имен шрифта, чтобы избежать ситуации, когда окажется, что требуемый шрифт не установлен у пользователя. Рекомендую "забить" хотя бы один из общепринятых шрифтов (например Arial). Не рекомендую на одной странице применять более 2-3 различных шрифтов, иначе страница будет смотреться аляповато и непрофессионально.

Пример:

HTML-код:


<p><font face="Times New Roman, Arial">У попа была собака, ОН ЕЕ ЛЮБИЛ</p>

<p><font face="Monotype Corsiva, Arial">Она съела кусок мяса, ОН ЕЕ УБИЛ</p>

Отображение в браузере:


У попа была собака, ОН ЕЕ ЛЮБИЛ

Она съела кусок мяса, ОН ЕЕ УБИЛ

Изменение размера шрифта html-страницы

Для изменения размера шрифта используют атрибут SIZE. Чем крупнее шрифт, тем более легким для восприятия становится текст. Однако, мелкий шрифт позволяет уместить в пределах экрана больший объем информации. Используя данный атрибут с тэгом <BASEFONT> , вы можете изменить размер текста вэб-страницы целиком. Применяя атрибут SIZE совместно с тэгом <FONT>, можно воздействовать на внешний вид отдельного фрагмента текста. Доступно 7 размеров шрифтов. Самый малый обозначается цифрой 1, а самый крупный - 7.

Изменять шрифт можно с помощью тэгов <BIG> и <SMALL>. <BIG> укрупняет шрифт указанного фрагмента по отношению к предыдущему тексту, а <SMALL>, соответственно, уменьшает.

Меняя размер отдельных букв, можно добиться интересных эффектов. Например, таким образом можно получить буквицу - укрупненную прописную букву начала абзаца.

Пример:

HTML-код:


<p><font size="1">Шрифт размера 1</font></p>

<p><font size="2">Шрифт размера 2</font></p>

<p><font size="3">Шрифт размера 3</font></p>

<p><font size="4">Шрифт размера 4</font></p>

<p><font size="5">Шрифт 5</font></p>

<p><font size="6">Шрифт 6</font></p>

<p><font size="7">Шрифт 7</font></p>

<p><font size="6">У</font>тро красит нежным светом</p>

<p><font size="+2">С</font>тены <small>старого</small> <big>Кремля</big></p>

Отображение в браузере:


Шрифт размера 1

Шрифт размера 2

Шрифт размера 3

Шрифт размера 4

Шрифт 5

Шрифт 6

Шрифт 7

Утро красит нежным светом

Стены старого Кремля

Выбор цвета шрифта html-страницы

Отображение участков текста Вэб-страницы шрифтами разного цвета придает ей привлекательность.

Используя атрибут TEXT в контексте тэга <BODY>, можно изменить цвет текста вэб-страницы целиком. Применение же атрибута COLOR с тэгом <FONT> (обладает более высоким приоритетом) позволяет взаимодействовать на внешний вид отдельного фрагмента текста.

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

Наим-е 
цвета       Код

aqua        ##00FFFF
black       ##000000
blue        ##0000FF
fuchsia     ##FF00FF
gray        ##808080
green       ##008000
lime        ##00FF00
maroon      ##800000
navy        ##000080
olive       ##808000
purple      ##800080
red         ##FF0000
silver      ##C0C0C0
teal        ##008080
white       ##FFFFFF
yellow      ##FFFF00

Пример:

HTML-код:


<p><font color="#ff0000">Красный цвет</font></p>

<p><font color="blue">Синий цвет</font></p>

Отображение в браузере:


Красный цвет

Синий цвет

Изменение цвета фона html-страницы

Атрибут BGCOLOR дает возможность явного указания цвета фона вэб-страницы. Цвет фона задается аналогично цвету текста (именем или кодом).

Пример:

HTML-код:


<BODY BGCOLOR="#00FF00"> </BODY>

Отображение в браузере:


top

Рекомендую
Смотреть все книги»
 
 
 
БОНУС

Спасибо, что заглянули на сайт. Надеюсь, Вам понравилось. Заходите еще. Здесь всегда рады вам :)
При копировании материалов, размещенных на сайте, ссылка на первоисточник обязательна.

© 2008
Айнур Турушев All Rights Reserved

 

E-mail:
sozdaysait@narod.ru

Хостинг от uCoz