Как изменять цвет текста в html документе

Как изменять цвет текста в html документе - 4.0 out of 5 based on 6 votes

О том, как изменять цвет фона в html документе мы рассмотрели в прошлом уроке, а сейчас узнаем, как изменять цвет текста в html документе.

Для этого вам может понадобиться все та же таблица html цветов, в которой каждый цвет представлен как html кодом цвета, так и буквенным написанием.

Как изменять цвет текста в html

В тему:

По умолчанию цвет текста в html документе черный. Изменить цвет текста можно двумя способами. В начале мы рассмотрим, как изменить цвет текста с помощью нам уже известного тега <body></body>. Для этого в этот тег мы добавим еще один атрибут text="". Он будет выглядеть следующим образом <body text="#0000CD">. Т. е. с помощью text=" #0000CD" мы задали цвет текста и в данном случае он будет синим. Весь код нашей страницы будет иметь следующий вид:

<html>
<head>
<title>Моя первая страница</title>
</head>
<body text="#0000CD">Вот вы и создали свою первую web страницу!!!</body>
</html>

Должен вам сказать, что в данном случае задавая цвет текста через тег <body></body> мы установили такой текст для всего документа. Т. е. какой бы текст вы не написали на вашей странице, в данном случае он будет отображаться синим цветом.

Задать цвет только отдельному отрезку текста можно при помощи тега <font> и обязательного закрывающего его тега </font>. Поэтому если вам нужно изменить цвет текста не во всем документе, а в каком-то конкретном месте, то можно использовать этот тег.

К примеру, давайте изменим цвет текста слов, «web страницу!!!» которые присутствуют в нашем документе. Для этого нужно наши слова «web страницу!!!» поместить между тегами, следующим образом: <font>web страницу!!!</font>, а для того чтобы изменить цвет текста необходимо еще в тег <font> дописать следующий атрибут color="", все это будет выглядеть следующим образом: <font color="#B22222">web страницу!!!</font>

В данном случае текст, заключенный между тегами будет окрашен в красный цвет. Весь код нашей странички будет выглядеть так:

<html>
<head>
<title>Моя первая страница</title>
</head>
<body text="#0000CD">Вот вы и создали свою первую 
<font color="#B22222">web страницу!!!</font>
</body>
</html>

Это не все атрибуты тега <font>, при помощи данного тега можно задавать не только цвет текста в html документе, но так же размер и вид шрифта текста. Как это сделать мы рассмотрим в следующих уроках по html.

Материал подготовлен порталом: webmastermix.ru

Рекомендуем ознакомиться:
1 1 1 1 1 1 1 1 1 1 Рейтинг 4.08 (6 Голосов)
Подробности
Обновлено: 04 Сентябрь 2013
Создано: 13 Январь 2010
Просмотров: 69617