Тег цвет фона html: Как изменить цвет фона и текста веб-страницы? — Независимое театральное объединение "Зрительские симпатии"

Содержание

Цвет | htmlbook.ru

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

Шестнадцатеричные цвета

Для задания цветов в HTML используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Числа от 10 до 15 заменены латинскими буквами. В табл. 6.1 приведено соответствие десятичных и шестнадцатеричных чисел.

Табл. 6.1. Десятичные и шестнадцатеричные числа меньше 16
Десятичные	0	1	2	3	4	5	6	7	8	9	10	11	12	13	14	15
Шестнадцатеричные	0	1	2	3	4	5	6	7	8	9	A	B	C	D	E	F

Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно (табл.

6.2). Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной.

Табл. 6.2. Десятичные и шестнадцатеричные числа больше 16
Десятичные	16	17	18	19	20	21	22	23	24	25	26	27	28
Шестнадцатеричные	10	11	12	13	14	15	16	17	18	19	1A	1B	1C

Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc. При этом регистр значения не имеет, поэтому допустимо писать #F0F0F0 или #f0f0f0.

Типичный цвет, используемый в HTML, выглядит следующим образом.

<body bgcolor="#fa8e47">

Здесь цвет фона веб-страницы задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.

Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue; красный, зеленый, синий). Эта модель аддитивная (от add — складывать), при которой сложение всех трех компонент образует белый цвет.

Чтобы легче ориентироваться в шестнадцатеричных цветах, примите во внимание некоторые правила.

Если значения компонент цвета одинаковы (например: #D6D6D6), то получится серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #FFFFFF (белый).

Ярко-красный цвет образуется, если красный компонент сделать максимальным (FF), а остальные компоненты обнулить. Цвет со значением #FF0000 самый красный из возможных красных оттенков. Аналогично обстоит с зеленым цветом (#00FF00) и синим (#0000FF).
Желтый цвет (#FFFF00) получается смешением красного с зеленым. Это хорошо видно на цветовом круге (рис. 6.1), где представлены основные цвета (красный, зеленый, синий) и комплементарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (еще называемым пурпурным). Вообще, любой цвет можно получить смешением близлежащих к нему цветов. Так, голубой (#00FFFF) получается за счет объединения синего и зеленого цвета.

Рис. 6.1. Цветовой круг

Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдет графический редактор, умеющий работать с разными цветовыми моделями, например, Adobe Photoshop. На рис. 6.2 показано окно для выбора цвета в этой программе, линией обведено полученное шестнадцатеричное значение текущего цвета. Его можно скопировать и вставить к себе в код.

Рис. 6.2. Окно для выбора цвета в программе Photoshop

Веб-цвета

Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселов других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру так называемых веб-цветов. Веб-цветами называются такие цвета, для каждой составляющей которых — красной, зеленой и синей — устанавливается одно из шести значений — 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках указано шестнадцатеричное значение данной компоненты. Общее количество цветов из всех возможных сочетаний дает 6х6х6 — 216 цветов. Пример веб-цвета — #33FF66.

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

Цвета по названию

Чтобы не запоминать совокупность цифр, вместо них можно использовать имена широко используемых цветов. В табл. 6.3 приведены имена популярных названий цветов.

Табл. 6.3. Названия некоторых цветов
Имя цвета	Описание	Шестнадцатеричное значение
black	Черный	#000000
blue	Синий	#0000FF
fuchsia	Светло-фиолетовый	#FF00FF
gray	Темно-серый	#808080
green	Зеленый	#008000
lime	Светло-зеленый	#00FF00
maroon	Темно-красный	#800000
navy	Темно-синий	#000080
olive	Оливковый	#808000
purple	Темно-фиолетовый	#800080
red	Красный	#FF0000
silver	Светло-серый	#C0C0C0
teal	Сине-зеленый	#008080
white	Белый	#FFFFFF
yellow	Желтый	#FFFF00

Не имеет значения, каким способом вы задаете цвет — по его имени или с помощью шестнадцатеричных чисел.

По своему действию эти способы равны. В примере 6.1 показано, как установить цвет фона и текста веб-страницы.

Пример 6.1. Цвет фона и текста

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Цвета</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 </head>
 <body bgcolor="teal" text="#ffffff">
  <p>Пример текста</p>
 </body>
</html>

В данном примере цвет фона задается с помощью атрибута bgcolor тега <body>, а цвет текста через атрибут text. Для разнообразия значение у атрибута text установлено в виде шестнадцатеричного числа, а у bgcolor с помощью зарезервированного ключевого слова teal.

Как изменить цвет текста и цвет фона в HTML?

Как запустить видеоурок:

Разархивировать скачанный файл.
Открыть папку index.
Запустить файл index.html в браузере.

Добро пожаловать в пятый видеоурок по курсу HTML. Из прошлого видеоурока вы узнали про параграфы и заголовки в HTML-коде. В данном видеоуроке мы поговорим о том, как задавать цвета:
цвет текста, цвет фона и др.

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

Давайте перейдем в наш код. Как видите, я убрал все лишние теги, которые у нас были и ввел атрибут color со значением #0000FF. Надеюсь, вы уже знаете, что такое теги и атрибуты.

 <font color="#0000FF"></font>

Что значит этот шестизначный код? Эти шесть символов означают задание определенного цвета нашему тексту. Введем в качестве текста «Синий цвет»:

 <font color="#0000FF">Синий цвет</font>

Вышеупомянутые шесть знаков задают именно синий цвет. Чтобы узнать, какие символы задают тот или иной цвет, можно посмотреть таблицу от сайта http://addedbytes.com, которая приложена к видеоуроку.

Например, чтобы написать красный цвет, вы берете значение #CC0000.

Перейдем обратно в код. Давайте сохраним и проверим нашу страничку. Переходим в браузер. Обновляем. Как видите, появился текст синего цвета.

Давайте зададим тексту заголовка h3 красный цвет. Находим <h3> и вводим теги :

 <font color="#CC0000"><h3>Текст заголовка h3</h3></font>

Сохраняем. Проверяем в браузере. Как видим, текст стал красного цвета.

Теперь давайте рассмотрим другие атрибуты тега . Перейдем в код и зададим гарнитуру нашего текста. Она задается атрибутом face. Что такое гарнитура? Гарнитура – это шрифт нашего текста. Например, Monotype Corsiva.

 <font face="Monotype Corsiva" color="#CC0000"><h3>Текст заголовка h3</h3></font>

Проверяем. Как видим, шрифт заголовка изменился.

Перейдем в код и зададим размер нашего текста. Это делается с помощью атрибута size.

 <font size="6" color="#0000FF">Синий цвет</font>

Сохраним и посмотрим. Наш текст увеличился. Тег  мы разобрали.

Допустим, мы хотим, чтобы весь текст, которому не задан определенный цвет с помощью дополнительных тегов и атрибутов, отображался какого-либо цвета. Для этого нам нужно в теге <body> ввести атрибут text. Зададим, например, зеленый цвет.

 <body text="#00CC00">

Сохраняем. Обновляем страницу в браузере. Как видим, текст стал зеленого цвета.

Как изменить цвет фона?

Теперь перейдем к последней части видеоурока. Зададим цвет фона нашей странице. Он задается атрибутом bgcolor.

 <body text="#00CC00" bgcolor="#00CCCC">

Сохраним и проверим в браузере. Как видите, цвет фона стал голубым. Давайте лучше поставим желтый.

 <body text="#00CC00" bgcolor="#FFFF00">

Сохраняем. Проверяем. Стало посимпатичнее.

На этом всё. До встречи в следующем видеоуроке, в котором мы познакомимся с огромной массой дополнительных параметров текста.

Как изменить цвет фона в html

Автор admin Просмотров 10.1к. Обновлено 16 сентября 2020

Давайте начнем с рассмотрения того, как сделать нашу первую HTML- страницу такой, какой мы хотим ее видеть.

В HTML мы можем установить цвет фона, используя относительный атрибут тега body. Итак:

<body bgcolor="blue">

Палитра цвета

В данной таблица цветов вы можете переводить выбранный вами цвет в RGB код (для создания цвета в графическом редакторе) и HEX код (для обозначения цвета в HTML).

Цвет в HTML: Цвет фона

bgcolor означает «цвет фона». Многие цвета доступны с использованием соответствующих ключевых слов на английском языке.

В качестве альтернативы предпочтительнее использовать стиль CSS, так как цвет фона является эстетической особенностью страницы:

<body>

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

<body bgcolor="#0000FF">

HTML таблица цветов

Вы можете скачать палитру цветов которая сожержит более 100 цветов с названиями и кодами
Скачать палитру цветов с кодами

Вот таблица с обозначениями некоторых цветов (многие из них также доступны в «темном» и «светлом» вариантах, например: “darkblue”, “lightblue” ):

цвет	ключевое слово	шестнадцатеричное обозначение
оранжевый	orange	#ffa500
синий	blue	#0000ff
белый	white	#ffffff
желтый	yellow	#ffff00
серый	gray	#808080
коричневый	brown	#a52a2a
черный	black	#000000
красный	red	#ff0000
зеленый	green	#008000
фиолетовый	violet	#ee82ee

Кстати цвет фона ячейки в таблице задан вот таким образом

<td bgcolor="#ffffff">#ffffff</td>

Количество доступных цветов зависит от видеокарты. Сегодня мы переходим от минимального разрешения 256 цветов к разрешению, которое обеспечивает миллионы цветов.

Цвет фона и настройки экрана

Поскольку нет способа узнать, какая видеокарта у пользователя (или как он ее установил), веб-дизайнеры давно ссылаются на «безопасную палитру» из 256 цветов, на которую пользователь, безусловно, способен дисплей. Это называется безопасная веб- палитра.

Однако следует сказать, что подавляющее большинство компьютеров настроено отображать как минимум тысячи цветов, поэтому использование «безопасной веб-палитры» уже не так строго необходимо (это было в первые годы существования Интернета).

Изменить цвет фона таблицы HTML

Метод изменения цветов фона частей таблицы на веб-сайте с годами менялся, становясь более простым и менее трудоемким с введением таблиц стилей.

Более старый метод использовал атрибут bgcolor для изменения цвета фона таблицы. Это также может быть использовано для изменения цвета строки таблицы или ячейки таблицы. Но атрибут bgcolor устарел в пользу таблиц стилей, поэтому он не является оптимальным способом управления цветом фона таблицы.

Лучший способ изменить цвет фона — добавить свойство background-color в таблицу, строку или тег ячейки.

Этот пример изменяет цвет фона всей таблицы:

<table style = "background-color: # ff0000;">

Чтобы изменить цвет отдельной строки, вставьте свойство background-color в тег <tr>:

<tr style = "background-color: yellow;">

Вы можете изменить цвет отдельной ячейки, добавив атрибут в тег <td>:

<td style = "background-color: # 000;">

Вы также можете применить цвета фона к заголовкам таблицы или тегу <th> таким же образом:

<th style = "background-color: # 000;">

Изменить цвет фона с помощью таблиц стилей

Однако лучше избегать использования атрибута background-color в пользу правильно отформатированной таблицы стилей. Например, вы можете установить стили в таблице стилей в заголовке вашего HTML-документа или установить их во внешней таблице стилей . Подобные изменения в HEAD или во внешней таблице стилей могут выглядеть следующим образом для таблиц, строк и ячеек:

table {background-color: # ff0000; } 
tr {background-color: yellow; } 
td {background-color: # 000; }

Настройка цвета фона столбца

Лучший способ установить цвет фона для столбца — создать класс стиля, а затем назначить этот класс ячейкам в этом столбце. Создание класса позволяет назначить этот класс ячейкам в определенном столбце, используя один атрибут.

td.ColColor {background-color: blue; }

<table> 
<tr> <td class = "ColColor"> ячейка 1 </ td> <td> ячейка 2 </ td> </ tr> 
<tr> <td class = "ColColor"> ячейка 1 </ td> <td> cell 2 </ td> </ tr> 
</ table>

Одним из значительных преимуществ управления фоновыми цветами с помощью таблицы стилей является то, что вы можете изменить свой цветовой выбор позже. Вместо того, чтобы просматривать документ HTML и вносить изменения в каждую отдельную ячейку, вы можете внести одно изменение в выбор цвета в CSS, который будет немедленно применен к каждому экземпляру, где появляется синтаксис class = «ColColor» .

Несмотря на то, что встраивание CSS в ваш HTML или вызов отдельного файла CSS добавляет немного административных издержек, помимо просто изменения атрибута HTML, вы обнаружите, что использование CSS уменьшает ошибки, ускоряет разработку и улучшает переносимость вашего документа.

Как изменить цвет текста и фона на странице. Самоучитель HTML

Мы с вами в предыдущих главах составили основной шаблон HTML-документов, определились что такое ХТМЛ-теги, научились сохранять и редактировать html-файлы, а в этой главе мы познакомимся с атрибутами тегов и изменим цвет текста и фона страницы.

Откроем наш index.html, для редактирования:

        <html>
        <head>
        <title>Мой первый сайт</title>
        </head>
        <body>
        У меня получилось!!!
        </body>
        </html>

И немного его изменим, добавим атрибуты:

        <html>
        <head>
        <title>Мой первый сайт</title>
        </head>
        <body text="#000000" bgcolor="#ffffff">
        У меня получилось!!!
        </body>
        </html>

Атрибут — это параметр тега, который вставляется в тег «парой»(имя параметра + значение параметра).

Значения атрибутов тега вставляются:
1) text=#000000 без кавычек;
2) text=’#000000′ в одинарных кавычках;
3) text=»#000000″ в двойных кавычках.
Любой из этих вариантов правильный, но если заботиться об этике кода, то лучше использовать двойные кавычки, как в моем примере выше.

Атрибут «text» управляет цветом текста на всей странице, а «bgcolor» управляет цветом фона страницы.

Теперь предлагаю поговорить об цветах для ХТМЛ-документов. Цвет задается:
1) text=»gold» — словами на английской, допустим: gold(золотой), red(красный), green(зеленый) и так далее…
Но цвет может состоять только из одного слова например «red», но если написать «green-red», то браузер это не поймет и просто проигнорирует.
2) text=»#000000″ — цветовая схема RBG(красный зеленый синий). «#» этот символ говорит от том что это номер цвета, первые два символа(в моем примере ноли) говорят сколько мы взяли «красного» цвета, вторые зеленого и последние два синего цвета.
Каждый цвет задается от 00 до FF (0-1-2-3-4-5-6-7-8-9-A-B-C-D-E-F), например #000000-черный, #ffffff-белый, #ff0000-красный, #00ff00-зеленый #0000ff-синий

В качестве бонуса от сайта предлагаю вам скачать палитру цветов(2кБ), которая изображена на картинке выше. Вам нужно распаковать архив запустить файл color.html, далее на большом поле ставите уазатель мышки на нужный вам цвет, который будет показан в маленьком окошке и если в это время щелкнуть мышкой то код цвета покажется в маленьком окошке справа.

А теперь вернемся к нашему файлу index.html и сохраним его как tsvet.html, теперь посмотрим что получилось. Каким был, таким и остался? И вы абсолютно правы, т.к белый для фона, а черный для текста цвета по умолчанию. Что-бы заметить разницу изменим значения атрибутов:

        <html>
        <head>
        <title>Мой первый сайт</title>
        </head>
        <body text=gold" bgcolor="#0900b8">
        У меня получилось!!!
        </body>
        </html>

Сохраним и помотрим просмотреть(откроется в новой вкладке)

Есть и другие способы задавать текст в хтмл-файлах, но эти два считаются основными.

В следующей главе мы научимся управлять текстом тегами BR, переносить текст на другую строку.

Цвета html.

Урок 7.

Тексту можно задать абсолютно любой цвет, в этом уроке мы разберем как это делается.

Для начала давайте применим к тексту тег &ltfont&gt и зададим ему параметр color со значением red.

Как вы уже догадались, цвет текста будет красный. Давайте откроем наш файл в браузере, перед этим не забудьте сохранить изменения в Notepad.

Пока что ничего нового мы не изучили. Подобную операцию мы уже выполняли, но в прошлый раз мы задавали тексту не красный цвет, а зеленый. HTML знает только основные название цветов, например: green, yellow, black, grey, brown и другие. А что делать если тексту нужно задать серо-буро-малиновый цвет? Этому и посвящен данный урок.

У каждого цвета есть свой цифровой html код. Например, у красного цвета html код «#FF0000», соответственно, если в нашем html коде параметру color дать значение «#FF0000» вместо «red» , то ничего не поменяется и в браузере текст будет выводиться по прежнему красный. Попробуйте это на практике.

Генератор цвета html.

Узнать html код нужного цвета очень просто. Самый удобный вариант — воспользоваться генератором цвета html. Ниже Вам представлено два генератора цветов. Пользоваться ими проще простого, все интуитивно понятно. Кликните мышкой на нужный цвет, и программа выдаст html код выбранного цвета.

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

В дальнейшем, когда Вы будете делать свои собственные сайты, то генератор цветов html будет Вам в помощь. Заходите ко мне на сайт, выбирайте 7-ой урок и пользуйтесь генератором цветов сколько душе угодно!

Меняем цвет фона страницы.

Сейчас мы будем оперировать с тегом &ltbody&gt, напомню, это тег входящий в структуру html страницы. Если Вы забыли, что это за тег, то смотрите 4-ый урок. К тегу &ltbody&gt можно применять параметр (атрибут) bgcolor. Этот атрибут отвечает за цвет фона.

Значение для атрибута bgcolor в теге &ltbody&gt, задается точно так же, как значение атрибута color в теге &ltfont&gt.

Теперь давайте воспользуемся генератором цвета html и зададим цвет фона для нашей страницы. HTML код будет выглядеть следующим образом:

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

Вы что-то не поняли из этого урока? Спрашивайте!
— [email protected]

ВАДИМ, ТЫ ОЧЕНЬ СИЛЬНО МНЕ ПОМОГ, Я ХОЧУ ОТБЛАГОДАРИТЬ ТЕБЯ

HTML — Цвета — CoderLessons.com

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

Тег <body> имеет следующие атрибуты, которые можно использовать для установки разных цветов:

bgcolor — устанавливает цвет фона страницы.
текст — устанавливает цвет для основного текста.
alink — устанавливает цвет для активных или выбранных ссылок.
ссылка — устанавливает цвет для связанного текста.
vlink — устанавливает цвет для посещенных ссылок, то есть для связанного текста, по которому вы уже щелкнули.

bgcolor — устанавливает цвет фона страницы.

текст — устанавливает цвет для основного текста.

alink — устанавливает цвет для активных или выбранных ссылок.

ссылка — устанавливает цвет для связанного текста.

vlink — устанавливает цвет для посещенных ссылок, то есть для связанного текста, по которому вы уже щелкнули.

Методы цветового кодирования HTML

Существует три способа настройки цвета на вашей веб-странице:

Названия цветов — Вы можете указать названия цветов, например, зеленый, синий или красный.
Шестнадцатеричные коды — шестизначный код, обозначающий количество красного, зеленого и синего цветов, составляющих цвет.
Цветные десятичные или процентные значения — это значение указывается с помощью свойства rgb ().

Названия цветов — Вы можете указать названия цветов, например, зеленый, синий или красный.

Шестнадцатеричные коды — шестизначный код, обозначающий количество красного, зеленого и синего цветов, составляющих цвет.

Цветные десятичные или процентные значения — это значение указывается с помощью свойства rgb ().

Теперь мы увидим эти раскраски одну за другой.

HTML Colors — Названия цветов

Вы можете указать прямое имя цвета, чтобы установить цвет текста или фона. W3C перечислил 16 основных имен цветов, которые будут проверяться с помощью валидатора HTML, но есть более 200 различных имен цветов, поддерживаемых основными браузерами.

Примечание. Проверьте полный список имен цветов HTML.

Стандарт W3C 16 цветов

Вот список имен W3C Standard 16 Colours, и их рекомендуется использовать.

черный	Серый	Серебряный	белый
желтый	Лайм	вода	фуксия
красный	зеленый	синий	Пурпурный
каштановый	оливковый	флот	чирок

пример

Вот примеры для установки фона тега HTML по имени цвета —

Live Demo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by Name</title>
   </head>
	
   <body text = "blue" bgcolor = "green">
      <p>Use different color names for for body and table and see the result. </p>
      
      <table bgcolor = "black">
         <tr>
            <td>
               <font color = "white">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

HTML-цвета — шестнадцатеричные коды

Шестнадцатеричное — это 6-значное представление цвета. Первые две цифры (RR) представляют значение красного цвета, следующие две — значение зеленого цвета (GG), а последние — значение синего (BB).

Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Paintshop Pro или MS Paint.

Каждому шестнадцатеричному коду будет предшествовать знак фунта или хеша #. Ниже приведен список нескольких цветов с использованием шестнадцатеричной записи.

цвет	Цвет HEX
	# 000000
	# FF0000
	# 00FF00
	# 0000FF
	# FFFF00
	# 00FFFF
	# FF00FF
	# C0C0C0
	#FFFFFF

пример

Вот примеры для установки фона тега HTML по цветному коду в шестнадцатеричном формате —

Live Demo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by Hex</title>
   </head>
	
   <body text = "#0000FF" bgcolor = "#00FF00">
      <p>Use different color hexa for for body and table and see the result.</p>
      
      <table bgcolor = "#000000">
         <tr>
            <td>
               <font color = "#FFFFFF">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

HTML-цвета — значения RGB

Это значение цвета указывается с помощью свойства rgb () . Это свойство принимает три значения, по одному для красного, зеленого и синего. Значение может быть целым числом от 0 до 255 или в процентах.

Примечание. Все браузеры не поддерживают свойство цвета rgb (), поэтому рекомендуется его не использовать.

Примечание. Все браузеры не поддерживают свойство цвета rgb (), поэтому рекомендуется его не использовать.

Ниже приведен список, показывающий несколько цветов с использованием значений RGB.

цвет	Цвет RGB
	RGB (0,0,0)
	RGB (255,0,0)
	RGB (0,255,0)
	RGB (0,0,255)
	RGB (255,255,0)
	RGB (0255255)
	RGB (255,0,255)
	RGB (192192192)
	RGB (255,255,255)

пример

Вот примеры для установки фона тега HTML с помощью цветового кода с использованием значений rgb () —

Live Demo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by RGB code</title>
   </head>
	
   <body text = "rgb(0,0,255)" bgcolor = "rgb(0,255,0)">
      <p>Use different color code for for body and table and see the result.</p>
      
      <table bgcolor = "rgb(0,0,0)">
         <tr>
            <td>
               <font color = "rgb(255,255,255)">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

Браузер Безопасные Цвета

Вот список из 216 цветов, которые должны быть самыми безопасными и независимыми от компьютера. Эти цвета очень от гекса кода 000000 до FFFFFF, и они будут поддерживаться всеми компьютерами, имеющими 256 цветовую палитру.

HTML-стилей

Атрибут стиля HTML используется для добавления к элементу стилей, таких как цвет, шрифт, размер и т. Д.

`Атрибут стиля HTML`

Установить стиль элемента HTML можно с помощью атрибута style .

Атрибут стиля HTML имеет следующий синтаксис:

< тэг style = " property : value; ">

Свойство является свойством CSS.Значение - это значение CSS.

Вы узнаете больше о CSS позже в этом руководстве.

`Цвет фона`

Свойство CSS background-color определяет цвет фона. для элемента HTML.

`Пример`

Установите цвет фона для страницы на синий:

`Это заголовок`

Это абзац. Попробуй сам " Пример Установить цвет фона для двух разных элементов: Это заголовок Это абзац. Попробуй сам " Цвет текста Свойство CSS color определяет цвет текста для элемент HTML: Пример Это заголовок Это абзац. Попробуй сам " Шрифты Свойство CSS font-family определяет используемый шрифт. для элемента HTML: Пример Это заголовок Это абзац. Попробуй сам " Размер текста Свойство CSS font-size определяет размер текста для элемент HTML: Пример Это заголовок Это абзац. Попробуй сам " Выравнивание текста Свойство CSS text-align определяет горизонтальное выравнивание текста для элемента HTML: Пример Заголовок по центру Абзац по центру. Попробуй сам " Краткое содержание главы
Используйте атрибут стиля для стилизации элементов HTML
Используйте background-color для цвета фона
Используйте цвет для цветов текста
Использовать font-family для текстовых шрифтов
Используйте размер шрифта для размера текста
Использовать выравнивание текста для выравнивания текста
Упражнения HTML

Подкастинг IMS :: Веб-дизайн I :: Глава 2
Тег
Тег содержит атрибуты, которые могут изменять размер шрифта, цвет и начертание текста, следующего за этим тегом. Значения, связанные с атрибутами, остаются в силе до тех пор, пока не встретится тег .Тег сбрасывает шрифт до значения по умолчанию в браузере.
Цвета
HTML предоставляет теги, которые изменяют цвет фона страницы или таблицы (согласно главе 4) и цвет шрифта для отображения текста или ссылок (согласно главе 5). Мы меняем цвет фона и текста для страницы в теге. Меняем цвет шрифта в теге .
Тег содержит атрибуты, которые изменяют цвет фона и переднего плана (или шрифта) всей страницы.
Цвет фона — атрибут bgcolor изменяет цвет фона страницы. Стандартный цвет фона в Netscape Navigator — серый. Стандартный цвет фона в Internet Explorer — белый.
Цвет текста — атрибут текста изменяет цвет текста (или цвет шрифта) для всей страницы. Атрибут цвета тега изменяет только текст, содержащийся между тегами .
Названия цветов
HTML содержит два набора названий цветов: стандартные и пользовательские.Ниже находится страница со стандартными названиями цветов. Каждая строка текста написана цветом. Эти цвета выглядят одинаково на всех мониторах, в операционных системах и браузерах. Цвета, которые выглядят одинаковыми во всех системах, называются безопасными для браузера цветами.
Ниже приведен HTML-код страницы стандартных цветов. Каждый тег меняет цвет шрифта на другой стандартный цвет.
HTML также содержит набор из примерно 100 дополнительных стандартных названий цветов.В этот набор входят такие названия, как папайавип, персиковый пух и чертополох. К сожалению, большинство этих цветов небезопасны для браузера: некоторые браузеры не могут правильно отображать некоторые из этих цветов.
Значения RGB
Мы можем создавать собственные цвета, используя значения RGB («Красный, Зеленый, Синий»). Формат этих цветов — #RRGGBB, где RR представляет собой двузначное шестнадцатеричное значение красного цвета, GG — двузначное шестнадцатеричное значение зеленого цвета, а BB — двузначное шестнадцатеричное значение синего цвета. Теоретически это означает, что мы можем создать 256 x 256 x 256 = 16 777 216 различных цветов; однако только 216 из этих комбинаций RGB безопасны для браузера.Ниже приведена таблица, в которой перечислены безопасные для браузера значения RGB. В левой части таблицы перечислены шестнадцатеричные значения, необходимые для HTML. В правой части таблицы указаны десятичные эквиваленты.
Значения RGB для черного и белого: # 000000 и #FFFFFF соответственно. Ниже находится страница «Растительные цвета», на которой показаны безопасные для браузера значения RGB.
Ниже приведен HTML-код страницы «Цвета овощей». Попробуйте поэкспериментировать с различными значениями, чтобы создать другие безопасные для браузера цвета.
Размер шрифта
Как следует из названия, атрибут size изменяет размер шрифта.Для этого атрибута требуется значение от 1 до 7, где 1 — наименьший размер шрифта, 3 — размер по умолчанию, а 7 — наибольший размер шрифта. Например, выписка
Это более крупный шрифт.
печатает заключенное сообщение с размером шрифта 5. Мы также можем использовать + и — для изменения шрифта. Таким образом, следующий оператор изменяет размер шрифта на 5, если текущий размер шрифта равен 3:
Это более крупный шрифт.
Ниже приведен образец страницы, иллюстрирующий атрибут размера шрифта.
Ниже приведен HTML-код страницы размера шрифта.
Шрифты
Атрибут face изменяет начертание шрифта. Большинство веб-программистов не используют этот атрибут, потому что в системах IBM, Mac и UNIX используются разные шрифты по умолчанию. Это означает, что лицо может быть недоступно в браузере пользователя. Ниже приведен список из нескольких имен лиц. Обратите внимание, что происходит, когда шрифт не встроен в систему.
Как показано ниже, браузер выбирает начертание шрифта, если в системе пользователя нет запрошенного начертания шрифта.Таким образом, имена лиц от Устава до Helvetica используют один и тот же шрифт.
Ниже приведен HTML-код страницы Font Face.
Чтобы компенсировать различия в системах, веб-программисты выбирают несколько совместимых начертаний шрифтов при использовании атрибута face. Например, оператор шрифта, который работает в большинстве, если не во всех, браузерах —
.

Добавление цвета фона — Как работают веб-страницы
Измените цвет фона своей страницы, добавив bgcolor = «color» в тег .
Пример:
Опять же, как было описано в разделе об изменении цвета шрифта, вы можете использовать большинство стандартных цветов или использовать шестнадцатеричный цветовой код.
Создание списков
Вы можете создавать списки трех типов: неупорядоченные, упорядоченные и описательные.
Неупорядоченный список
Неупорядоченный список выглядит следующим образом:
Калифорния
Орегон
Северная Каролина
Неупорядоченный список — это маркированный список, инициированный тегом
.Тег
(сокращение от List Item) используется перед каждым элементом в списке. Закрывающий тег
завершает список.
Пример:

Калифорния
Орегон
Северная Каролина

Тип пули можно изменить на «круг», «квадрат» или «диск», добавив спецификацию в тег
:

Калифорния
Орегон
Северная Каролина

Калифорния
Орегон
Северная Каролина

Упорядоченный список
Упорядоченный список выглядит следующим образом:
Упорядоченный список — это список элементов в логическом нумерованном порядке.Используйте теги
и
, чтобы начинать и закрывать такой список. Опять же, тег
используется перед каждым элементом.
Пример:

апельсины
виноград
вишня

Тип организации можно изменить, добавив обозначение «типа» в тег
.
упорядочивает список по заглавным буквам: (A, B, C …)
упорядочивает список по строчным буквам: (a, b, c …)
упорядочивает список римскими цифрами: (I, II, III …)
упорядочивает список маленькими римскими цифрами: (i , ii, iii …)
Если вы хотите начать свой упорядоченный список с указанного значения, такого как «6», используйте следующие теги «start» и «value»:

Описательные списки
Описательный список создает список текстовых элементов со второй строкой с отступом:
Marshall Brain Основатель HowStuffWorks
Используйте следующие теги таким образом:

Маршалл Брэйн
Основатель HowStuffWorks

Тег
должен соответствовать тексту, который вы хотите выровнять на полях;
соответствует строке, в которой вы хотите сделать отступ.
В следующем разделе мы узнаем, как делать ссылки на другие сайты.
Цветовые коды и названия CSS
цветовых кодов и названий CSS.
CSS цвет
Цветовой код может быть одним из:
Шестнадцатеричный формат: #rrggbb
Формат RGB: RGB (красный, зеленый, синий)
Формат имени: имя
Пример
Для оранжевого цвета:
Шестнадцатеричный формат: # FFA500
Формат RGB: rgb (255,165,0)
Формат имени: оранжевый
Настройка цвета элемента
Для конкретного элемента:

Для всех элементов одного типа.Поместите код в тег
Пример
Установка красного цвета текста абзаца:
Установка цвета определенного абзаца:
Немного текста …
Просмотр:
Немного текста …
Установка цвета всех абзацев
<стиль>
п {цвет: # FF0000; }

Установка цвета фона элемента
элемент {фон: код ; }
Пример
Установка красного цвета фона абзаца:
Установка цвета фона определенного абзаца:
Какой-то текст…
Просмотр:
Немного текста …
Установка цвета фона всех абзацев:
<стиль>
p {фон: # FF0000; }

Установка цвета границы элемента
элемент {border-color: topcode rightcode bottomcode leftcode }
Пример
Установка красного, зеленого, синего и черного цвета границы абзаца:
Установка цвета границы конкретного абзаца:
Какой-то текст…
Просмотр:
Немного текста …
Установка цвета границы всех абзацев:
<стиль>
п {цвет границы: # FF0000 # 00FF00 # 0000FF # 000000; }

Красный цвет
Цвет HTML / CSS
Название цвета Шестнадцатеричный код
#RRGGBB Десятичный код
(R, G, B)
светлый лосось # FFA07A RGB (255,160,122)
лосось # FA8072 RGB (250,128,114)
темный лосось # E9967A RGB (233,150,122)
светло-коралловый # F08080 RGB (240,128,128)
индийский красный # CD5C5C RGB (205,92,92)
малиновый # DC143C RGB (220,20,60)
огнеупорный кирпич # B22222 RGB (178,34,34)
красный # FF0000 RGB (255,0,0)
темно-красный # 8B0000 RGB (139,0,0)
Оранжевый цвет
Цвет HTML / CSS
Название цвета Шестнадцатеричный код
#RRGGBB Десятичный код
(R, G, B)
коралловый # FF7F50 RGB (255,127,80)
помидор # FF6347 RGB (255,99,71)
оранжево-красный # FF4500 RGB (255,69,0)
золото # FFD700 RGB (255,215,0)
оранжевый # FFA500 RGB (255,165,0)
темно-оранжевый # FF8C00 RGB (255,140,0)
Желтые цвета
Цвет HTML / CSS
Название цвета Шестнадцатеричный код
#RRGGBB Десятичный код
(R, G, B)
светло-желтый # FFFFE0 RGB (255,255,224)
лимонный шифон #FFFACD RGB (255,250,205)
светло-золотисто-желтый # FAFAD2 RGB (250,250,210)
papayawhip # FFEFD5 RGB (255 239 213)
мокасины # FFE4B5 RGB (255 228 181)
персиковый # FFDAB9 RGB (255 218 185)
палево-золотой # EEE8AA RGB (238,232,170)
хаки # F0E68C RGB (240,230,140)
даркхаки # BDB76B RGB (189 183 107)
желтый # FFFF00 RGB (255,255,0)
Зеленые цвета
Цвет HTML / CSS
Название цвета Шестнадцатеричный код
#RRGGBB Десятичный код
(R, G, B)
зеленый # 7CFC00 RGB (124,252,0)
шартрез # 7FFF00 RGB (127,255,0)
зеленовато-зеленый # 32CD32 RGB (50,205,50)
лайм # 00FF00 RGB (0.255,0)
лесозеленый # 228B22 RGB (34,139,34)
зеленый # 008000 RGB (0,128,0)
темно-зеленый # 006400 гб (0,100,0)
зелено-желтый # ADFF2F RGB (173,255,47)
желто-зеленый # 9ACD32 RGB (154,205,50)
весенне-зеленый # 00FF7F RGB (0,255,127)
средне-весенний зеленый # 00FA9A RGB (0,250,154)
светло-зеленый # 90EE90 RGB (144 238 144)
бледно-зеленый # 98FB98 RGB (152 251 152)
темно-синий # 8FBC8F RGB (143 188 143)
средний, зеленый # 3CB371 RGB (60,179,113)
зеленый # 2E8B57 RGB (46,139,87)
оливковый # 808000 RGB (128,128,0)
темно-оливковый, зеленый # 556B2F RGB (85,107,47)
оливидраб # 6B8E23 RGB (107,142,35)
Голубой цвет
Цвет HTML / CSS
Название цвета Шестнадцатеричный код
#RRGGBB Десятичный код
(R, G, B)
светло-голубой # E0FFFF RGB (224,255,255)
голубой # 00FFFF RGB (0,255,255)
аква # 00FFFF RGB (0,255,255)
аквамарин # 7FFFD4 RGB (127,255,212)
средний аквамарин # 66CDAA RGB (102,205,170)
палитра бирюза #AFEEEE RGB (175 238 238)
бирюзовый # 40E0D0 RGB (64,224,208)
средний бирюзовый # 48D1CC RGB (72,209,204)
темно-бирюзовый # 00CED1 RGB (0,206,209)
светло-зеленый # 20B2AA RGB (32,178,170)
кадетсиний # 5F9EA0 RGB (95,158,160)
темно-синий # 008B8B гб (0,139,139)
чирок # 008080 RGB (0,128,128)
Синий цвет
Цвет HTML / CSS
Название цвета Шестнадцатеричный код
#RRGGBB Десятичный код
(R, G, B)
голубой # B0E0E6 RGB (176,224,230)
голубой # ADD8E6 RGB (173 216 230)
светло-голубой # 87CEFA RGB (135,206,250)
голубой # 87CEEB RGB (135,206,235)
темно-синий # 00BFFF RGB (0,191,255)
голубой свет # B0C4DE RGB (176,196,222)
голубой # 1E90FF RGB (30,144,255)
васильковый # 6495ED RGB (100,149,237)
синий стальной # 4682B4 RGB (70,130,180)
королевский синий # 4169E1 RGB (65,105,225)
синий # 0000FF гб (0,0,255)
средний синий # 0000CD RGB (0,0,205)
темно-синий # 00008B RGB (0,0,139)
темно-синий # 000080 RGB (0,0,128)
полуночный синий # 1
RGB (25,25,112)
средне-голубой # 7B68EE RGB (123,104,238)
сланцево-синий # 6A5ACD RGB (106,90,205)
темно-синий # 483D8B RGB (72,61,139)
Пурпурный
Цвет HTML / CSS
Название цвета Шестнадцатеричный код
#RRGGBB Десятичный код
(R, G, B)
лаванда # E6E6FA RGB (230,230,250)
чертополох # D8BFD8 RGB (216,191,216)
слива # DDA0DD RGB (221,160,221)
фиолетовый # EE82EE RGB (238 130 238)
орхидея # DA70D6 RGB (218,112,214)
фуксия # FF00FF RGB (255,0,255)
пурпурный # FF00FF RGB (255,0,255)
орхидея среднестатистическая # BA55D3 RGB (186,85,211)
средне-фиолетовый # 9370DB RGB (147,112,219)
сине-фиолетовый # 8A2BE2 RGB (138,43,226)
темно-фиолетовый # 9400D3 RGB (148,0 211)
даркорхид # 9932CC RGB (153,50,204)
темно-пурпурный # 8B008B RGB (139,0,139)
фиолетовый # 800080 RGB (128,0,128)
индиго # 4B0082 RGB (75,0,130)
Розовые тона
Цвет HTML / CSS
Название цвета Шестнадцатеричный код
#RRGGBB Десятичный код
(R, G, B)
розовый # FFC0CB RGB (255,192,203)
светло-розовый # FFB6C1 RGB (255 182 193)
хотпинк # FF69B4 RGB (255 105 180)
диппинк # FF1493 RGB (255,20,147)
палево-фиолетовый # DB7093 RGB (219,112,147)
средний фиолетовый # C71585 RGB (199,21,133)
Белый цвет
Цвет HTML / CSS
Название цвета Шестнадцатеричный код
#RRGGBB Десятичный код
(R, G, B)
белый #FFFFFF RGB (255,255,255)
снег #FFFAFA RGB (255,250,250)
медовая роса # F0FFF0 RGB (240,255,240)
мятный крем # F5FFFA RGB (245,255,250)
лазурный # F0FFFF RGB (240,255,255)
aliceblue # F0F8FF RGB (240 248 255)
белый привидение # F8F8FF RGB (248 248 255)
белый дым # F5F5F5 RGB (245 245 245)
ракушка # FFF5EE RGB (255 245 238)
бежевый # F5F5DC RGB (245 245 220)
старое место # FDF5E6 RGB (253 245 230)
цветочный белый # FFFAF0 RGB (255,250,240)
слоновая кость # FFFFF0 RGB (255,255,240)
антиквелый # FAEBD7 RGB (250 235 215)
белье # FAF0E6 RGB (250,240,230)
румяна лаванды # FFF0F5 RGB (255 240 245)
туманная роза # FFE4E1 RGB (255,228,225)
Серый цвет
Цвет HTML / CSS
Название цвета Шестнадцатеричный код
#RRGGBB Десятичный код
(R, G, B)
Гейнсборо #DCDCDC RGB (220,220,220)
светло-серый # D3D3D3 RGB (211,211,211)
серебро # C0C0C0 RGB (192,192,192)
темно-серый # A9A9A9 RGB (169,169,169)
серый # 808080 RGB (128,128,128)
димгрей # 696969 гб (105,105,105)
серый свет # 778899 RGB (119,136,153)
серый # 708090 RGB (112,128,144)
темно-серый # 2F4F4F RGB (47,79,79)
черный # 000000 гб (0,0,0)
Коричневый цвет
Цвет HTML / CSS
Название цвета Шестнадцатеричный код
#RRGGBB Десятичный код
(R, G, B)
корнсилк # FFF8DC RGB (255 248 220)
бланшированный миндаль #FFEBCD RGB (255 235 205)
бисквитный # FFE4C4 RGB (255 228 196)
навайовайт #FFDEAD RGB (255 222 173)
пшеница # F5DEB3 RGB (245 222 179)
бурливуд # DEB887 RGB (222 184 135)
загар # D2B48C RGB (210,180,140)
розово-коричневый # BC8F8F RGB (188 143 143)
песочно-коричневый # F4A460 RGB (244,164,96)
золотарник # DAA520 RGB (218,165,32)
перу # CD853F RGB (205,133,63)
шоколад # D2691E RGB (210,105,30)
седло-коричневый # 8B4513 RGB (139,69,19)
сиена # A0522D RGB (160,82,45)
коричневый # A52A2A RGB (165,42,42)
бордовый # 800000 RGB (128,0,0)
См. Также
Код цвета
HTML для фона и текста на веб-странице
Мы узнаем, как установить цвет фона на нашей странице и как изменить текст, отформатировать его, изменить размер, шрифт и т. Д.
Кроме того, мы изучим некоторые ресурсы, чтобы разместить их в той части страницы, которая нас интересует.
С помощью того, что мы узнаем в этой статье, мы сможем создать простую страницу. Позже мы увидим, как доставить больше радости.
НАСТРОЙКА ФОНДА
Есть несколько вещей, которые мы можем настроить в фоновом режиме. В этой статье мы познакомимся с некоторыми из них.
Например, заметили ли вы полосу прокрутки, которая появляется справа от области навигации? Что ж, очень полезно… если ваша страница достаточно велика, чтобы не умещаться на экране. Таким образом вы можете прокручивать вверх и вниз.
Но если ваша страница умещается в области навигации без необходимости прокрутки, полоса не нужна. И все же он там появляется. Он отключен, но это так. И возможно, он пожелал, чтобы он не появлялся.
Он может даже улучшить окончательный дизайн страницы. Для этого нам нужно использовать атрибут. Атрибуты — это параметры, которые добавляются к тегам для настройки их работы.
Мы можем заставить исчезнуть полосу прокрутки, если мы добавим к тегу body атрибут scroll со значением «no», как список без -bar.html отображается.

Титульная страница

Это страница без полосы прокрутки

Результатом этого кода является страница, показанная на следующем рисунке:
Другой более современный и подходящий метод — это объединение нашего веб-документа (HTML) с таблицей стилей (CSS) для удаления полосы прокрутки.Преимущество этого метода в том, что он применяется ко всем браузерам, что гарантирует совместимость. Наш веб-документ с именем без -bar.html будет иметь следующий вид:

Título de la página

< head>

Esto es una página sin barra de scroll

Как видите, полоса исчезла.В любом случае вы должны убедиться, что вы не используете этот эффект, если вашу страницу нужно переместить, поскольку, если вы удалите панель, у пользователя не будет возможности увидеть всю страницу. Альтернативой является запись атрибута прокрутки со значением «auto». Полоса будет отображаться только в случае необходимости.
Возможно, одна из самых ярких возможностей при настройке страницы — это использование цветов для ее фона. В примерах из предыдущей статьи мы создали страницу с белым цветом фона.Это цвет по умолчанию для области навигации. Посмотрим, как это изменить. Для этого нам нужно добавить еще один атрибут к тегу. В частности, тот, который мы используем для изменения цвета фона страницы, — это bgcolor, и мы назначаем значение, указывающее желаемый цвет. Слово bgcolor является аббревиатурой от цвета фона. Например: если мы хотим, чтобы у нашей страницы был желтый цвет фона, тег будет выглядеть так:
В этой статье мы многое узнаем о цветах, и цвет нижней части страницы, без сомнения, первое, что улавливает пользователь.Посмотрим, как его модифицировать. Откройте в записной книжке код text_simple.html из предыдущей статьи и измените тег так, чтобы код был следующим:

 Título de la página 

Esto es una línea de texto.

Этот код сохраняет его под именем fondo_amarillo.htm. Закройте записную книжку и запустите только что созданный код. Результат показан на следующем рисунке:
Как видите, вся страница имеет желтый фон. Это связано с тем, что атрибут bgcolor, который отвечает за установку этого цвета, связан с тегом body, который, как вы знаете, отвечает за определение области навигации на странице.
Я хочу, чтобы вы также заметили, что тег, открывающий тело, теперь включает атрибут, но тег, закрывающий тело, не был изменен. Так всегда бывает в HTML. Хотя открытие тега использует атрибуты, закрытие не включает их. Никогда не включайте атрибуты в закрывающий тег.
атрибутов стиля текста HTML — цвет, выравнивание текста, цвет фона, размер шрифта
Вы можете легко редактировать цвет фона, размер текста, цвет текста и выравнивание текста любого документа с помощью тегов стиля текста HTML.
Теги текстового стиля HTML используют следующий синтаксис:
<имя тега, например p, b и т. д. style = «property: value;»>
Изменение цвета фона в HTML:
HTML Тег изменения цвета фона установит желтый цвет всего веб-страницы. Где
установит желтый цвет абзаца.Пример поясняется ниже:

Пример цвета фона

Это пример изменения цвета фона

Результат будет отображаться как:
Пример цвета фона
Это пример изменения цвета фона

Пример цвета текста

Это заголовок

Это абзац

Результат будет отображаться как:
Пример цвета текста
Это абзац
Изменение размера текста в HTML:
Тег размера текста HTML
увеличит шрифт h2 на 250%.Где
увеличит размер текста абзаца на 150%. Пример показан ниже

Пример размера текста

Это заголовок

Это абзац

Результат будет отображаться как:
Пример размера текста
Это абзац
Тег изменения шрифта HTML
установит шрифт заголовка Arial.Где
установит шрифт абзаца на Calibri. Пример показан ниже:

Пример изменения шрифта

Это шрифт Arial

Это шрифт Calibri

Результат будет отображаться как:
Пример изменения шрифта
Это шрифт Calibri
Тег выравнивания HTML
Установит заголовок в центр веб-страницы.Где
устанавливает выравнивание абзаца по правому краю. Пример поясняется ниже:

Пример выравнивания текста

Выравнивание по центру

Выравнивание по левому краю

Результат будет отображаться как:
Пример выравнивания текста
Выравнивание по левой стороне
Резюме главы:
Использовать html tyle = « цвет: «название цвета»> атрибут для изменения цвета фона.
~~Используйте атрибут html < style = ”color: green;”> , чтобы изменить цвет текста.~~
Используйте атрибут html
Это два метода, которые мы можем использовать для изменения цвета фона любой фрейм в HTML. Обратите внимание, что создание нескольких кадров может повредить пользовательскому опыту на небольших устройствах, которые не могут загружать несколько кадров.
Если вы хотите узнать больше об использовании различных типов синтаксиса HTML и других связанных темах; мы настоятельно рекомендуем вам взглянуть на курс стажировки по курсу Web Development Foundation, запущенный Testbook в рамках инициативы Testbook Select.Вы можете получить доступ к учебным материалам, онлайн-курсам, наставничеству и многому другому для соискателей, а также подготовиться к конкурсным экзаменам через наше приложение. Загрузите приложение Testbook в Play Store сегодня, чтобы получать отличные предложения и скидки.
Изменение цвета фона фрейма в HTML Часто задаваемые вопросы
Q.1 Что такое фрейм?
Ans.1
Разделение веб-страницы на несколько областей для модульности при построении различных функций определяется как фрейм в HTML.
Q.2 Можно ли изменить цвет рамки на любой цвет в HTML?
Ans.2
Да, вы можете легко изменить фон на любой цвет в HTML с помощью настраиваемого палитры цветов.
Q.3 Почему нам нужно изменять цвет фона каждого кадра в HTML?
Ans.3
Цвет фона фреймов в HTML можно изменить, чтобы обеспечить большее разнообразие или акцент на определенных элементах на странице HTML.
Q.4 Какие бывают типы наборов фреймов?
Ans.4
Прежде чем узнать, как изменить цвет фона фрейма в HTML, важно знать различные типы доступных в нем наборов фреймов. Некоторые из них - cols, frameborder, rows.
Q.5 Поддерживается ли тег в HTML5?
Ans.5
Нет, тег не поддерживается в HTML5.
В.6 Как еще можно изменить цвет фона фрейма в HTML?
Ans.6
Вы можете использовать атрибут bgcolor, атрибуты встроенного стиля или даже внутри кода CSS изменить цвет фона фрейма в HTML.
Создайте бесплатную учетную запись, чтобы продолжить чтение
Получайте мгновенные оповещения о вакансиях бесплатно!
Получите ежедневную капсулу GK и текущие новости и PDF-файлы
Получите более 100 бесплатных пробных тестов и викторин

Подпишитесь бесплатно Уже есть аккаунт? Войти
Следующее сообщение
.
No related posts.

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
светлый лосось	# FFA07A	RGB (255,160,122)
лосось	# FA8072	RGB (250,128,114)
темный лосось	# E9967A	RGB (233,150,122)
светло-коралловый	# F08080	RGB (240,128,128)
индийский красный	# CD5C5C	RGB (205,92,92)
малиновый	# DC143C	RGB (220,20,60)
огнеупорный кирпич	# B22222	RGB (178,34,34)
красный	# FF0000	RGB (255,0,0)
темно-красный	# 8B0000	RGB (139,0,0)

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
коралловый	# FF7F50	RGB (255,127,80)
помидор	# FF6347	RGB (255,99,71)
оранжево-красный	# FF4500	RGB (255,69,0)
золото	# FFD700	RGB (255,215,0)
оранжевый	# FFA500	RGB (255,165,0)
темно-оранжевый	# FF8C00	RGB (255,140,0)

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
светло-желтый	# FFFFE0	RGB (255,255,224)
лимонный шифон	#FFFACD	RGB (255,250,205)
светло-золотисто-желтый	# FAFAD2	RGB (250,250,210)
papayawhip	# FFEFD5	RGB (255 239 213)
мокасины	# FFE4B5	RGB (255 228 181)
персиковый	# FFDAB9	RGB (255 218 185)
палево-золотой	# EEE8AA	RGB (238,232,170)
хаки	# F0E68C	RGB (240,230,140)
даркхаки	# BDB76B	RGB (189 183 107)
желтый	# FFFF00	RGB (255,255,0)

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
зеленый	# 7CFC00	RGB (124,252,0)
шартрез	# 7FFF00	RGB (127,255,0)
зеленовато-зеленый	# 32CD32	RGB (50,205,50)
лайм	# 00FF00	RGB (0.255,0)
лесозеленый	# 228B22	RGB (34,139,34)
зеленый	# 008000	RGB (0,128,0)
темно-зеленый	# 006400	гб (0,100,0)
зелено-желтый	# ADFF2F	RGB (173,255,47)
желто-зеленый	# 9ACD32	RGB (154,205,50)
весенне-зеленый	# 00FF7F	RGB (0,255,127)
средне-весенний зеленый	# 00FA9A	RGB (0,250,154)
светло-зеленый	# 90EE90	RGB (144 238 144)
бледно-зеленый	# 98FB98	RGB (152 251 152)
темно-синий	# 8FBC8F	RGB (143 188 143)
средний, зеленый	# 3CB371	RGB (60,179,113)
зеленый	# 2E8B57	RGB (46,139,87)
оливковый	# 808000	RGB (128,128,0)
темно-оливковый, зеленый	# 556B2F	RGB (85,107,47)
оливидраб	# 6B8E23	RGB (107,142,35)

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
светло-голубой	# E0FFFF	RGB (224,255,255)
голубой	# 00FFFF	RGB (0,255,255)
аква	# 00FFFF	RGB (0,255,255)
аквамарин	# 7FFFD4	RGB (127,255,212)
средний аквамарин	# 66CDAA	RGB (102,205,170)
палитра бирюза	#AFEEEE	RGB (175 238 238)
бирюзовый	# 40E0D0	RGB (64,224,208)
средний бирюзовый	# 48D1CC	RGB (72,209,204)
темно-бирюзовый	# 00CED1	RGB (0,206,209)
светло-зеленый	# 20B2AA	RGB (32,178,170)
кадетсиний	# 5F9EA0	RGB (95,158,160)
темно-синий	# 008B8B	гб (0,139,139)
чирок	# 008080	RGB (0,128,128)

Цвет	HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
	голубой	# B0E0E6	RGB (176,224,230)
	голубой	# ADD8E6	RGB (173 216 230)
	светло-голубой	# 87CEFA	RGB (135,206,250)
	голубой	# 87CEEB	RGB (135,206,235)
	темно-синий	# 00BFFF	RGB (0,191,255)
	голубой свет	# B0C4DE	RGB (176,196,222)
	голубой	# 1E90FF	RGB (30,144,255)
	васильковый	# 6495ED	RGB (100,149,237)
	синий стальной	# 4682B4	RGB (70,130,180)
	королевский синий	# 4169E1	RGB (65,105,225)
	синий	# 0000FF	гб (0,0,255)
	средний синий	# 0000CD	RGB (0,0,205)
	темно-синий	# 00008B	RGB (0,0,139)
	темно-синий	# 000080	RGB (0,0,128)
	полуночный синий	# 1
RGB (25,25,112)
	средне-голубой	# 7B68EE	RGB (123,104,238)
	сланцево-синий	# 6A5ACD	RGB (106,90,205)
	темно-синий	# 483D8B	RGB (72,61,139)

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
лаванда	# E6E6FA	RGB (230,230,250)
чертополох	# D8BFD8	RGB (216,191,216)
слива	# DDA0DD	RGB (221,160,221)
фиолетовый	# EE82EE	RGB (238 130 238)
орхидея	# DA70D6	RGB (218,112,214)
фуксия	# FF00FF	RGB (255,0,255)
пурпурный	# FF00FF	RGB (255,0,255)
орхидея среднестатистическая	# BA55D3	RGB (186,85,211)
средне-фиолетовый	# 9370DB	RGB (147,112,219)
сине-фиолетовый	# 8A2BE2	RGB (138,43,226)
темно-фиолетовый	# 9400D3	RGB (148,0 211)
даркорхид	# 9932CC	RGB (153,50,204)
темно-пурпурный	# 8B008B	RGB (139,0,139)
фиолетовый	# 800080	RGB (128,0,128)
индиго	# 4B0082	RGB (75,0,130)

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
розовый	# FFC0CB	RGB (255,192,203)
светло-розовый	# FFB6C1	RGB (255 182 193)
хотпинк	# FF69B4	RGB (255 105 180)
диппинк	# FF1493	RGB (255,20,147)
палево-фиолетовый	# DB7093	RGB (219,112,147)
средний фиолетовый	# C71585	RGB (199,21,133)

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
Гейнсборо	#DCDCDC	RGB (220,220,220)
светло-серый	# D3D3D3	RGB (211,211,211)
серебро	# C0C0C0	RGB (192,192,192)
темно-серый	# A9A9A9	RGB (169,169,169)
серый	# 808080	RGB (128,128,128)
димгрей	# 696969	гб (105,105,105)
серый свет	# 778899	RGB (119,136,153)
серый	# 708090	RGB (112,128,144)
темно-серый	# 2F4F4F	RGB (47,79,79)
черный	# 000000	гб (0,0,0)

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
корнсилк	# FFF8DC	RGB (255 248 220)
бланшированный миндаль	#FFEBCD	RGB (255 235 205)
бисквитный	# FFE4C4	RGB (255 228 196)
навайовайт	#FFDEAD	RGB (255 222 173)
пшеница	# F5DEB3	RGB (245 222 179)
бурливуд	# DEB887	RGB (222 184 135)
загар	# D2B48C	RGB (210,180,140)
розово-коричневый	# BC8F8F	RGB (188 143 143)
песочно-коричневый	# F4A460	RGB (244,164,96)
золотарник	# DAA520	RGB (218,165,32)
перу	# CD853F	RGB (205,133,63)
шоколад	# D2691E	RGB (210,105,30)
седло-коричневый	# 8B4513	RGB (139,69,19)
сиена	# A0522D	RGB (160,82,45)
коричневый	# A52A2A	RGB (165,42,42)
бордовый	# 800000	RGB (128,0,0)