Как сделать текст белым цветом в html

Как сделать текст белым цветом в html

Урок 7. Цвет текста и фона в HTML.

Автор: Андрей Краснокутский

Дата: 2008-12-05

По умолчанию цвет текста и вообще любого шрифта на web-страницах всегда черный (#000000). Но мы всегда можем задать абсолютно любой цвет, который нам нравится и прилично смотрится или же больше подходит под дизайн конкретного сайта.

Задаем цвет текста

В HTML цвет текста, шрифта, фона и других элеменотов можно задать двумя способами:

1. Способ 1-й. В парных тегах <font> </font> прописывается атрибут <color> с указанием названия нужного цвета. Название цвета указывается по английски. Например, цвет заголовка на нашей web-странице можно задать таким способом:

<font color="red">Красный</font>

Не забываете про правило вложенности тегов. Полный код нашего заголовка будет выглядеть так:

<h2><font color="red"> Обзор автомобилей 2008 года. </font></h2>

А сам заголовок на странице будет выглядеть так:

Обзор автомобилей 2008 года.

2. Второй способ задания нужноо цвета - это прописать цвет его шестнадцатеричным значением в палитре RBG в виде: #RRBBGG, где RR - красный цвет (red), BB - синий (blue) и GG - зеленый (green). Чем выше значение одной из компонент, тем она более интенсивна (насыщена).

Оттенки серого получаются при задании одинаковых значений для всех трех компонент. Каждая компонента может варьироваться от 0 до FF (255), т.е. всего можно получить 256х256х256=16777216 цветов. При указании цвета в шестнадцатеричным значением обязательно ставится знак: # . Полностью код будет выглядеть вот так:

<p><font color="#FF0000"> Текст красного цвета </font></p>

Записи вида:

<p><font color="red"> Текст красного цвета </font></p>

<p><font color="#FF0000"> Текст красного цвета </font></p>

равнозначны и отображаться браузерами будут совершенно одинаково.

Для нашей web-странички, я например шрифт заголовка выделил красным цветом "red", а текст на статьи задал темно-синим, прописав внутри каждого абзаца (p) таким образом:

<p><font color="#000080">Текст абзаца </font></p>

 

Задаем цвет фона web-страницы

Так же как и цвет текста Мы можем изменить и цвет фона нашей страницы.

По умолчанию фон web-страницы всегда задается белый цветом (white или #FFFFFF), но даже если Вы хотите оставить фон страницы белым, его всеравно рекомендуется прописать, потому что не всегда браузеры корректно отображают значения по умолчанию. Делается это через атрибут: bgcolor. Цвет фона на web-странице прописывается внутри тега: body , т.е запись будет выглядеть так:

< body bgcolor="#FFDEAD">

Посмотреть на то, что у нас получилось можно здесь. Если Вам что-то не понятно можно открыть HTML код страницы. В браузере IE это делается через меню: Вид > Просмотр HTML кода, в браузере Opera это меню: Вид > Исходный текст.

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

Всего Вам доброго.

Обновлено: 06.10.2014 г.

 

Читайте также:

Электронная книга: Отличный заработок. Бесплатная реклама. Вирусный трафик.

Как создать RSS-канал новостей на сайте?

Практическое руководство: "Учимся делать сайт за 11 уроков"

FlashGet 3.5ru - менеджер загрузок. Скачать бесплатно.

Психология продаж. Как научиться искусству Копирайтинга?

Как заработать в Партнерских Программах. Пять 100-процентных рекомендаций.

 

Просмотров: 28689


Андрей! Какой у Вас замечательный сайт! Я уже вторую неделю регулярно им пользуюсь: изучаю Ваши уроки, и видеоуроки; читаю Вашу литературу и скачиваю программы; делаю первые шаги в веб-программировании! И, что самое главное, у меня получается!!! А я ведь совсем не физик, а лирик! И в этом может убедиться каждый, кто посетит мой литературный сайт: " СТИХИ ОЛЕГ ГУЗЬ " Мои реквизиты: электронная почта: сайт: http://sites.google.com/site/stihiolegguz/

Я пробовал изменять цвет фона, и у меня не получается! Как изменить цвет фона?

внимательно проверьте код

Я пробовал изменять цвет фона, и у меня не получается! Как изменить цвет фона?

Вова вам же сказали: <body bgcolor="#FFDEAD">

Прикольно,всего вам самого хорошего.

там пробел убрать надо просто..

если цвет задается 16-ричным кодом, то код записывается только через диес (#), если же цвет задается словом, то только в кавычках. Т.О. <body bgcolor=#FFFFFF> не верно: <body bgcolor="WHITE"> или

ой, пардон, там ошибка: Т.О. <body bgcolor="#FFFFFF"> не верно,верно: <body bgcolor="WHITE"> или <body bgcolor=#FFFFFF>

а как сделатьфон рисунком?

Как сделать фон из рисунка посмотрите здесь: http://www.luksweb.ru/view_post.php?id=29

скажите а между допустим: <p> <strong> <font color="red"> Нынешний год </font> </strong> - <em> пора обновления </em> обязательно ставить пробелы или можно без них: <p><strong><font color="red">Нынешний год</font></strong>-<em>пора обновления</em>

непонятно нужны ковычки или нет "#FFFFFF" в этом примере <body bgcolor="#FFFFFF">

Всё понятно, благодарю.

Занимался с разными самоучителями,бесполезно я не пробиваем,решил больше не пытаться.Но месяц на этом сайте где всё разжевано и в рот положено осталось только проглотить меня уверил, что все очень просто нужно только понять суть. Огромное спасибо Автору

Спасиба очень помогли...

<h2><font color="red"> Обзор автомобилей 2008 года. </font></h2>

Не получается изменить цвет =(

<font color="red">Красный</font>

Я хочу в Мозилле сделать сейчас текст и фон полностью Цветным и всю страницу цвете!Прокомментировал Вадим Галялетдинов


Как сделать текст белым цветом в html

Похожие записи:



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

Схема адаптера для прикуривателя для видеорегистратора

Как сделать черту плотницкую черту в