Html. Урок #8. Цвета и фреймы

by @html_books
Html. Урок #8. Цвета и фреймы

Добавьте в HTML красок!

Цвет в HTML задаётся с помощью шестнадцатеричного кода.

0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F

Как видите, всего 16 символов: от 0 до F, где 0 представляет наименьшее значение, а F — наибольшее.

Цветовая модель HTML

Любой цвет — это комбинация красного, зелёного и синего света (отсюда RGB, от англ. red, green, blue).

Шестнадцатеричный код цвета состоит из символа решётки (#), за которым следуют три или шесть шестнадцатеричных символов.

Если Вы посмотрите на рисунок, то заметите: там, где круги накладываются, образуются новые цвета: 

Цветовые коды

Общее количество всех возможных комбинаций красного, зелёного и синего превышает 16 миллионов.

Вот лишь некоторые из них:

Цвет фона и шрифта


Атрибут bgcolor используется для изменения цвета фона веб-страницы.


В этом примере выйдет темно-синий фон с белым заголовком:

<html>
   <head> 
      <title>Первая страница</title> 
   </head>
   <body bgcolor="#000099">
      <h1>
         <font color="#FFFFFF">Заголовок белым цветом</font>
      </h1> 
   </body>
</html>

Результат:

ФРЕЙМЫ

Тег <frame>

Веб-страницу можно разделить на фреймы (кадры, окна) с помощью специального документа.

Отдельное окно (фрейм) создаётся с применением тегов <frame>, которые заключаются в пару <frameset>. Каждый тег <frame> внутри элемента <frameset> может содержать различные атрибуты: border (рамка), scrolling (прокрутка), noresize (запрет изменять размер) и т.д. 

В элементе <frameset> назначается количество строк или столбцов фреймов, а также указывается размер каждого из них в процентах или пикселах.

<frameset cols="100, 25%, *"></frameset>
<frameset rows="100, 25%, *"></frameset>

Тег <frameset> был отменен в языке HTML5.

Работаем с фреймами

Когда необходимо запретить изменение размера фрейма пользователем, используется атрибут <noresize>:

<frame noresize="noresize">

Содержимое фрейма описывается с помощью атрибута src.

Наконец, элемент <noframes> даёт возможность просматривать веб-страницу в браузерах, которые не поддерживают фреймы. Внутри этого элемента может находиться альтернативная страница с тегами body и любыми другими элементами.

<frameset cols="25%,50%,25%">
   <frame src="a.htm" />
   <frame src="b.htm" />
   <frame src="c.htm" />
   <noframes>Фреймы не поддерживаются!</noframes>
</frameset>


June 6, 2018
by @html_books