House of Horse. Главная

Сайтостроение

Создание сайта Раскрутка сайта Заработок на сайте ...еще о сайтостроении

HTML. Выбор шрифта, изменение размера и цвета шрифта.

Чтобы произвести изменения шрифта имеется тэг <FONT> со специальным атрибутом FACE. Существует две возможности: или указывать шрифт по названию, например, Arial, Verdana, Tahoma или по типу – monospace. Можно выбрать несколько имен шрифта, для того чтобы миновать ситуации, когда случится, что нужный шрифт не установлен. Советую выбрать хотя бы один из распространенных шрифтов, к примеру, Arial. Не рекомендуется на одной Веб-странице использовать более трех различных шрифтов, иначе ваша страница будет смотреться явно дилетантской.

Пример:

<p><font face="arial">Это шрифт arial, </font>
<font face="verdana">это шрифт verdana, </font>
<font face="monospace">это шрифт monospace.</font></p>

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

Пример:

<p><font size="2">Это шрифт 2, </font>
<font size="4">это шрифт 4, </font>
<font size="7">это шрифт 7.</font></p>

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

Пример:

<p><big>Это крупный шрифт, </big>
<small>это мелкий шрифт.</small></p>

Результат:

Это крупный шрифт, это мелкий шрифт.

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

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

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

По названию можно отобразить только лишь 16 общепризнанных цветов: aqua (#00FFFF), blue (#0000FF), gray (#808080), lime (#00FF00), navy (#000080), purple (#800080), silver (#C0C0C0), white (#FFFFFF), black (#000000), fuchsia (#FF00FF), green (#008000), maroon (#800000), olive (#808000), red (#FF0000), teal (#008080), yellow (#FFFF00).

Пример:

<p><font color="red">Эта надпись красная, </font>
<font color="#cb8c17">эта надпись цветом имеющим код cb8c17.</font></p>

Результат:

Эта надпись красная, эта надпись цветом имеющим код cb8c17.


© HouseOfHorse.ru, 2009-2011