Форматирование текста 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>
|
Отображение в браузере: |