Урок 7. Цвет текста и фона в HTML.
Автор: Андрей Краснокутский
Дата: 2008-12-05 Как задать цвет фона и текста на web-странице?
По умолчанию цвет текста и вообще любого шрифта на 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-процентных рекомендаций.
Просмотров: 32202
Андрей! Какой у Вас замечательный сайт! Я уже вторую неделю регулярно им пользуюсь: изучаю Ваши уроки, и видеоуроки; читаю Вашу литературу и скачиваю программы; делаю первые шаги в веб-программировании! И, что самое главное, у меня получается!!! А я ведь совсем не физик, а лирик! И в этом может убедиться каждый, кто посетит мой литературный сайт: " СТИХИ ОЛЕГ ГУЗЬ " Мои реквизиты: электронная почта: STIHI100@rambler.ru сайт: 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>
Я хочу в Мозилле сделать сейчас текст и фон полностью Цветным и всю страницу цвете!Прокомментировал Вадим Галялетдинов
|