Партнерка на США и Канаду по недвижимости, выплаты в крипто
- 30% recurring commission
- Выплаты в USDT
- Вывод каждую неделю
- Комиссия до 5 лет за каждого referral
Внимание! Всегда указывайте атрибуты BGCOLOR и TEXT одновременно. Считайте, что они неразлучны. Если один из этих атрибутов не указан, браузер по умолчанию будет использовать цвет из текущей цветовой схемы Windows. А теперь представьте, что будет, если пользователь использует нестандартную раскраску Windows, где все цвета инвертированы? То-то. Некрасиво получится.
Если необходимо указать некоторый цвет только для части текста, то используется параметр COLOR тэга <FONT>.
В HTML есть два способа задания значения цвета:
1) с помощью шестнадцатеричного кода
2) по названию некоторых цветов.
Преимущественно используется способ, основанный на шестнадцатеричной системе исчисления, как наиболее универсальный.
1) значение цвета задается с помощью трех составляющих цветов в виде численного значения #RrGgBb, где:
· Rr - две 16-ричние цифры, задающие компоненту красного цвета;
· Gg - две 16-ричние цифры, задающие компоненту зеленого цвета;
· Bb - две 16-ричние цифры, задающие компоненту синего цвета.
Например:
<body bgcolor="#fa8e47">
Здесь цвет фона веб-страницы задан как #fa8e47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (fa) определяют красную составляющую цвета, цифры с третьей по четвертую (8e) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.
fa | + | 8e | + | 47 | = | fa8e47 |
Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue; красный, зеленый, синий). Эта модель аддитивная (от add — складывать), при которой сложение всех трех компонент образует белый цвет.
Чтобы легче ориентироваться в шестнадцатеричных цветах, примите во внимание некоторые правила.
· Если значения компонент цвета одинаковы (например: #d6d6d6), то получится серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #ffffff (белый).
· Ярко-красный цвет образуется, если красный компонент сделать максимальным (ff), а остальные компоненты обнулить. Цвет со значением #ff0000 самый красный из возможных красных оттенков. Аналогично обстоит с зеленым цветом (#00ff00) и синим (#0000ff).
· Желтый цвет (#ffff00) получается смешением красного с зеленым. Это хорошо видно на цветовом круге (рис. 2), где представлены основные цвета (красный, зеленый, синий) и комплиментарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (еще называемым пурпурным). Вообще, любой цвет можно получить смешением близлежащих к нему цветов. Так, голубой (#00ffff) получается за счет объединения синего и зеленого цвета.
·
Рис. 2. Цветовой круг
Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдет графический редактор, умеющий работать с разными цветовыми моделями, например, Adobe Photoshop. На рис. 3 показано окно для выбора цвета в этой программе, линией обведено полученное шестнадцатеричное значение текущего цвета. Его можно скопировать и вставить к себе в код.
Рис. 3. Окно для выбора цвета в программе Photoshop
Веб-цвета
Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселов других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру так называемых веб-цветов.
Веб-цветами называются такие цвета, для каждой составляющей — красной, зеленой и синей, устанавливается одно из шести значений — 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF).
В скобках указано шестнадцатеричное значение данной компоненты. Общее количество цветов из всех возможных сочетаний дает 6х6х6 — 216 цветов. Пример веб-цвета — #33ff66.
Основная особенность веб-цвета заключается в том, что он показывается одинаково во всех браузерах. В данный момент актуальность веб-цветов весьма мала из-за повышения качества мониторов и расширения их возможностей.
2) значение цвета задается в виде символических (английских) названий. В этом случае можно задать только 16 основных значений цвета. В таблице 1 приведены эти цвета, их символические названия и численные значения в виде #RrGgBb.
Табл. Названия некоторых цветов | |||
Имя цвета | Цвет | Описание | Шестнадцатеричное значение |
aqua | Голубой | #00ffff | |
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 |
Пример 3:
<HTML>
<HEAD>
<TITLE> Пример 3</TITLE>
</HEAD>
<!-- Цвет: текста - синий, фона - светло-синий: -->
<BODY TOPMARGIN=50 LEFTMARGIN=100 TEXT=blue BGCOLOR= #E0E0FF>
Привет! Это моя домашняя страничка!
</BODY>
</HTML>
3. Выравнивание текста на Web-странице
Чтобы разбить текст на параграфы надо использовать тэг-контейнер <P> …</P>. Каждый параграф текста может быть выравнен по левому краю, по правому краю, по обеим краям (по ширине) или по центру экрана. Для этого используется параметр ALIGN тэга <P>. Он имеет такие значения:
· Left - параграф выравнен по левому краю (задается по умолчанию);
· Right - параграф выравнен по правому краю;
· Center - параграф выравнен по центру;
· Justify - параграф выравнен по ширине экрана.
Для того, чтобы перейти на другую строку надо использовать одиночный тег <BR> в месте принудительного переноса.
Например 3_1:
<html>
<head>
<title>Пример 3_1</title>
</head>
<body>
<p ALIGN=right>Текст первого абзаца. Текст первого абзаца. Текст первого абзаца. Текст первого абзаца.</p>
<CENTER><p>Текст второго абзаца. Текст второго абзаца. <BR>Текст второго абзаца. Текст второго абзаца.</p></CENTER>
</body>
</html>
4. 3адание заголовков HTML-документа
В HTML-документе может быть использовано до шести заголовков разного уровня. Они задаются с помощью тэгов - контейнеров от <H1> . . . </H1> (самый высокий уровень) до <H6> . . . </H6> (самый низкий уровень).
Шрифты заголовков разных уровней отличаются друг от друга и от основного текста размером и другими особенностями, заданными по умолчанию в браузере.
Пример 4:
<html>
<head>
<title>Пример4</title>
</head>
<!-- Размер заголовков по умолчанию -->
<body>
<h1>Заголовок 1</h1>
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
<h4>Заголовок 4</h4>
<h5>Заголовок 5</h5>
<h6>Заголовок 6</h6>
</body>
</html>
Цвет заголовков задается или параметром TEXT тэга <BODY>, если параметр указан, или принимается по умолчанию.
Заголовки могут быть выравнены, так же как и параграфы, с помощью параметра ALIGN. По умолчанию для заголовков задано выравнивание по левому краю экрана.
Пример 5:
<HTML>
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7 |
