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

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

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

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

В тему:

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

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

цветом.

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

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

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

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

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

Источник: webmastermix.ru

Категория: Программное обеспечение

Похожие статьи: