Html красный


<HTML>
  <HEAD>
<TITLE></TITLE>
  </HEAD>
  <BODY>
    <FONT color=red face=»Comic Sans MS» size=7>
      <CENTER>
СТИХОТВОРЕНИЕ</CENTER>
    </font>

    <FONT color=blue>
      Это не сложно <BR>
      Это не важно <BR>
      Просто отважно <BR>
      В небо шагнуть <BR>
    </FONT>

    <FONT color=»#008000″ size=4>
      И осторожно <BR>
      Там, где возможно <BR>
      Темного облака <BR>
      Край отогнуть. <BR>
    </FONT> <BR>


    <FONT color=»#ffff00″ size=+2>
      Стертые лица, <BR>
      Забытые профили <BR>
      И многоточий упрямая нить. <BR>
      Свет разливается <BR>
      И проявляется <BR>
      То, что уже никогда не забыть. <BR>
    </FONT>

    <ADDRESS>Ирина Лео</ADDRESS>

  </BODY>
</HTML>

www.highstar.ru

Атрибуты тега FONT

Тег font имеет всего три атрибута:

  • color – задает цвет текста;
  • size – устанавливает размер текста;
  • face – задает семейство шрифтов.

Параметр color может быть определен названием цвета (например, “red”, “blue”, “green”) или шестнадцатеричным кодом (например, #fa8e47).

Атрибут size может принимать значения от 1 до 7 (по умолчанию равен 3, что соответствует 13,5 пунктам для шрифта Times New Roman). Другой вариант задания атрибута – “+1” или “-1”. Это означает, что размер будет изменен относительно базового на 1 больше или меньше, соответственно.

Рассмотрим применение этих атрибутов на нашем примере:

<html>   <head>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">   <title>Меняем цвет шрифта при помощи HTML</title>   </head>   <body>   <p>Конструктор сайтов <font size="6" color="#fa8e47" face="serif">"Нубекс"</font></p>   </body>  </html>

Мы применили тег font к одному слову, задали для него размер 6, оранжевый цвет и семейство шрифтов “Serif”.

Задание цвета текста при помощи CSS

Если вам нужно применить определенное форматирование (например, изменить цвет текста) к нескольким участкам текста, то более правильно будет воспользоваться CSS-кодом. Для этого существует атрибут color. Рассмотрим способ его применения на нашем примере:

 

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Меняем цвет шрифта при помощи CSS</title> <style> .nubex { color:#fa8e47; font-size: 150%; } .constructor { color: blue; } .saitov { color: green; font-size: 125%; } </style> </head> <body> <p><span class="constructor">Конструктор</span> <span class="saitov">сайтов</span> <span class="nubex">"Нубекс"</span></p> </body> </html>

Здесь мы задали синий цвет для слова «Конструктор» (размер его, по умолчанию, 100% от базового), зеленый цвет и размер 125% для слова «сайтов», оранжевый цвет и размер 150% для слова «Нубекс».

nubex.ru

Цветовая гамма в html

В html цвет может быть задан в нескольких форматах:

1. В виде шестнадцатеричного значения – используются код, заданный в шестнадцатеричной системе исчисления. Такие коды цветов в html состоят из трех пар шестнадцатеричных чисел. Каждая пара отвечает за насыщенность оттенка своим основным цветом:

  • Первая числовая пара – отвечает за красный цвет;
  • Вторая пара – за содержание зеленого цвета;
  • Последняя – за содержание синего цвета.

В начале кода (перед цифрами) ставится решетка. Так обозначается шестнадцатеричный цветовой код. Кроме чисел от 1 до 9 в этой системе исчисления используются буквы латинского алфавита (A, B, C, D, E, F).

Например, код белого цвета в html будет иметь вид #FFFFFF:

2. Ключевым словом – сейчас html поддерживает около 147 ключевых слов. Но не все из этих слов являются уникальными. Некоторые из них ссылаются на один и тот же цветовой оттенок.

Серый цвет обозначается двумя ключевыми словами: grey и gray. Их шестнадцатеричный код (HEX) задается одним и тем же значением #808080.

Пример:

3. В формате RGB – эта кодировка цветов в html основана на использовании трех значений, задаваемых в диапазоне от 0 до 255. Каждое из них определяет насыщенность оттенка одним из основных цветов:

  • R – красный (red);
  • G – зеленый (green);
  • B – синий (blue).

Номер цвета в формате RGB записывается в таком виде: rgb(0, 210, 100).

Пример:

4. В формате RGBA – он представляет собой усовершенствованный формат RGB, где четвертым значением задается прозрачность цвета в виде десятичной дроби от 0 до 1.

Пример использования:

Таблицы цветов html и генераторы цвета

При таком большом разбросе форматов установки цвета легко запутаться. Поэтому была придумана специальная таблица цветов. В ней к 147 ключевым названиям цветовых оттенков приведены коды соответствия во всех основных стандартах представления цвета. Дополнительно каждое поле снабжено планкой для визуального подбора цвета. Одна из таких таблиц представлена на сайте colorscheme.ru:


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

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

На сайте html-color-codes.info генератор цветов имеет такой вид:

А в рамках сервиса color-picker.appsmaster.co этот инструмент реализован немного иначе:

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

Техника безопасности при работе с цветом

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

Тогда была выведена великая таблица безопасных цветов. В ней указывалось 216 оттенков, которые могли быть отображены без искажения в любом из браузеров того времени. И по сей день эта «великая рукопись» еще доступна на некоторых ресурсах:

В наше время все изменилось. Поэтому все правила техники безопасности при работе с цветом в html полностью аннулируются. Ведь современное компьютерное железо поддерживает более 16 миллионов различных оттенков. И 216 безопасных цветов канули в лету.


Основы цветовой гармонии

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

  • Схема параллельных цветов – когда оба оттенка в цветовом кругу находятся параллельно;
  • Триадная схема – в основе всех углов треугольника лежит один из цветов;
  • Монохроматическая – когда подбираются несколько близких оттенков одного цвета;
  • Аналоговая – более расширенная версия монохроматической схемы. При этом оттенки одного цвета находятся на определенном удалении.

Реализация всех этих схем хорошо представлена в рамках сервиса paletton.com. Он позволяет без труда осуществить гармоничный подбор цвета.

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

www.internet-technologies.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.