|
|
|
|
Урок 7. Цвет текста и фона в HTML. Автор: Андрей Краснокутский Дата: 2008-12-05 Как задать цвет фона и текста на web-странице?По умолчанию цвет текста и вообще любого шрифта на web-страницах всегда черный (#000000). Но мы всегда можем задать абсолютно любой цвет, который нам нравится и прилично смотрится или же больше подходит под дизайн конкретного сайта. Задаем цвет текстаВ HTML цвет текста, шрифта, фона и других элеменотов можно задать двумя способами: 1. Способ 1-й. В парных тегах <font> </font> прописывается атрибут <color> с указанием названия нужного цвета. Название цвета указывается по английски. Например, цвет заголовка на нашей web-странице можно задать таким способом:
Не забываете про правило вложенности тегов. Полный код нашего заголовка будет выглядеть так:
А сам заголовок на странице будет выглядеть так: Обзор автомобилей 2008 года.2. Второй способ задания нужноо цвета - это прописать цвет его шестнадцатеричным значением в палитре RBG в виде: #RRBBGG, где RR - красный цвет (red), BB - синий (blue) и GG - зеленый (green). Чем выше значение одной из компонент, тем она более интенсивна (насыщена). Оттенки серого получаются при задании одинаковых значений для всех трех компонент. Каждая компонента может варьироваться от 0 до FF (255), т.е. всего можно получить 256х256х256=16777216 цветов. При указании цвета в шестнадцатеричным значением обязательно ставится знак: # . Полностью код будет выглядеть вот так:
Записи вида:
равнозначны и отображаться браузерами будут совершенно одинаково. Для нашей web-странички, я например шрифт заголовка выделил красным цветом "red", а текст на статьи задал темно-синим, прописав внутри каждого абзаца (p) таким образом:
Задаем цвет фона web-страницыТак же как и цвет текста Мы можем изменить и цвет фона нашей страницы. По умолчанию фон web-страницы всегда задается белый цветом (white или #FFFFFF), но даже если Вы хотите оставить фон страницы белым, его всеравно рекомендуется прописать, потому что не всегда браузеры корректно отображают значения по умолчанию. Делается это через атрибут: bgcolor. Цвет фона на web-странице прописывается внутри тега: body , т.е запись будет выглядеть так:
Посмотреть на то, что у нас получилось можно здесь. Если Вам что-то не понятно можно открыть HTML код страницы. В браузере IE это делается через меню: Вид > Просмотр HTML кода, в браузере Opera это меню: Вид > Исходный текст. В разделе Статьи Вы найдете названия основных цветов и их значения в палитре RBG. Попробуйте применить разные цвета теста, заголовков, фона, но помните: цвет текста и фон страницы выбираются по желанию дизайнера, но нужно учитывать и тот факт, что от них зависит визуальное восприятие всего сайта. Не стремитесь все затемнить, текст удобно читать, если его хорошо видно. Всего Вам доброго. Обновлено: 06.10.2014 г.
Читайте также: Электронная книга: Отличный заработок. Бесплатная реклама. Вирусный трафик. Как создать RSS-канал новостей на сайте? Практическое руководство: "Учимся делать сайт за 11 уроков" FlashGet 3.5ru - менеджер загрузок. Скачать бесплатно. Психология продаж. Как научиться искусству Копирайтинга? Как заработать в Партнерских Программах. Пять 100-процентных рекомендаций.
Просмотров: 29403 Поделитесь этой информацией со своими друзьями! Комментарии к этой статье (уроку): Комментарии добавил(а): Олег Гузь Андрей! Какой у Вас замечательный сайт! Я уже вторую неделю регулярно им пользуюсь: изучаю Ваши уроки, и видеоуроки; читаю Вашу литературу и скачиваю программы; делаю первые шаги в веб-программировании! И, что самое главное, у меня получается!!! А я ведь совсем не физик, а лирик! И в этом может убедиться каждый, кто посетит мой литературный сайт: " СТИХИ ОЛЕГ ГУЗЬ " Мои реквизиты: электронная почта: STIHI100@rambler.ru сайт: http://sites.google.com/site/stihiolegguz/ Комментарии добавил(а): Женя Я пробовал изменять цвет фона, и у меня не получается! Как изменить цвет фона? Комментарии добавил(а): Андрей_К внимательно проверьте код Комментарии добавил(а): Вова Я пробовал изменять цвет фона, и у меня не получается! Как изменить цвет фона? Комментарии добавил(а): Jktu Вова вам же сказали: <body bgcolor="#FFDEAD"> Комментарии добавил(а): Алексей Прикольно,всего вам самого хорошего. Комментарии добавил(а): Bebe там пробел убрать надо просто.. Комментарии добавил(а): Александр если цвет задается 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> Комментарии добавил(а): Вадим Галялетдинов Я хочу в Мозилле сделать сейчас текст и фон полностью Цветным и всю страницу цвете!Прокомментировал Вадим Галялетдинов Добавить Ваш комментарий: |
Новости сайта Почтовая рассылка Новинка! Как реально заработатьв Интернете? "Обзор видов и способов заработка."
Специальный Отчет:  В подарок всем подписчикам! Полный список наших почтовых рассылок! Домены 
Google Adsense |
Навигация
Видео Курсы
Последние заметки
Новости сайта
Архив 2016 год: 2015 год: 2014 год: 2013 год: 2012 год: 2011 год: 2010 год: 2009 год: 2008 год: Сайты друзей Наши ссылки
Если Вам понравился  Наши Аттестаты
|
|
Разрешается полное или частичное копирование материалов сайта с обязательным |