FreeCode.Academy

Компьютерные мониторы и экраны устройств создают разные цвета, комбинируя количество красного, зеленого и синего света. Это известно как цветовая модель RGB-аддитивности в современной теории цвета. Красный (R), зеленый (G) и синий (B) называются основными цветами. Смешивание двух основных цветов создает вторичные цвета cyan (G + B), пурпурный (R + B) и желтый (R + G). Вы видели эти цвета в задаче «Дополнительные цвета». Эти вторичные цвета являются дополнением к основному цвету, не используемому при их создании, и противоположны этому основному цвету на цветовом круге. Например, пурпурный цвет выполнен красным и синим цветом и является дополнением к зеленому. Третичные цвета являются результатом объединения основного цвета с одним из его вторичных соседних цветов. Например, красный (первичный) и желтый (вторичный) оранжевый. Это добавляет еще шесть цветов к простому цветному колесу в общей сложности двенадцать. Существуют различные способы выбора разных цветов, которые приводят к гармоничному сочетанию в дизайне. Один пример, который может использовать третичные цвета, называется схемой разделения цветов. Эта схема начинается с базового цвета, а затем соединяет ее с двумя цветами, которые смежны с его дополнением. Три цвета обеспечивают сильный визуальный контраст в дизайне, но более тонкие, чем использование двух дополнительных цветов. Вот три цвета, созданные с использованием схемы сплит-дополнений:

цвет	Шестнадцатеричный код
оранжевый	# FF7D00
циан	# 00FFFF
малина	# FF007D

Измените свойство background-color классов orange , cyan и raspberry цветов на соответствующие цвета. Обязательно используйте шестнадцатеричные коды как оранжевые, а малины не являются признанными в браузере именами цветов.

Определение заголовка и тела документа HTML

О

Ольга

Вы можете добавить еще один уровень организации в свой HTML-документ в тегах html с элементами head и body . Любая разметка с информацией о Вашей странице будет идти в теге head. Остальная разметка с содержимым страницы (то, что отображается для пользователя) войдет в тег body . Элементы метаданных, такие как link, meta, title и style, обычно входят в элемент head. Вот пример макета страницы:

<!DOCTYPE html>
<html>
  <head>
    <!-- элементы метаданных -->
  </head>
  <body>
    <!-- содержание страницы -->
  </body>
</html>

Отредактируйте разметку, добавив теги head и body. Элемент head должен включать только тег title, а элемент body должен включать только теги h1 и p.

Объявить DOCTYPE HTML-документа

О

Ольга

Упражнения до сих пор охватывали конкретные элементы HTML и их использование. Однако есть несколько элементов, которые дают общую структуру вашей странице и должны быть включены в каждый HTML-документ. В верхней части документа вам нужно указать браузеру, какую версию HTML использует ваша страница. HTML - развивающийся язык и регулярно обновляется. Большинство браузеров поддерживают самую последнюю спецификацию—HTML5, но старые веб-страницы могут использовать предыдущие версии языка. Чтобы сообщить браузеру какую версию HTML использовать нужно добавить следующий тег в первую строку вашего документа <!DOCTYPE ...> , где « ... » - это версия HTML. Для HTML5 вы используете <!DOCTYPE html> . ! и DOCTYPE должно быть написано заглавными буквами, особенно для старых браузеров. Далее, весь ваш HTML-код необходимо обернуть в теги html . Открытие <html> идет непосредственно под линией <!DOCTYPE html> , а закрытие </html> идет в конце страницы. Вот пример структуры страницы:

<!DOCTYPE html>
<html>
  <!-- Ваш HTML-код идет здесь -->
</html>

Добавьте тег DOCTYPE для HTML5 в начало пустого документа HTML в редакторе кода. Под ним добавьте открывающие и закрывающие теги html , которые обертывают вокруг элемента h1. Заголовок может включать любой текст.

Узнайте о третичных цветах

С

Станислав

Компьютерные мониторы и экраны устройств создают разные цвета, комбинируя количество красного, зеленого и синего света. Это известно как цветовая модель RGB-аддитивности в современной теории цвета. Красный (R), зеленый (G) и синий (B) называются основными цветами. Смешивание двух основных цветов создает вторичные цвета cyan (G + B), пурпурный (R + B) и желтый (R + G). Вы видели эти цвета в задаче «Дополнительные цвета». Эти вторичные цвета являются дополнением к основному цвету, не используемому при их создании, и противоположны этому основному цвету на цветовом круге. Например, пурпурный цвет выполнен красным и синим цветом и является дополнением к зеленому. Третичные цвета являются результатом объединения основного цвета с одним из его вторичных соседних цветов. Например, красный (первичный) и желтый (вторичный) оранжевый. Это добавляет еще шесть цветов к простому цветному колесу в общей сложности двенадцать. Существуют различные способы выбора разных цветов, которые приводят к гармоничному сочетанию в дизайне. Один пример, который может использовать третичные цвета, называется схемой разделения цветов. Эта схема начинается с базового цвета, а затем соединяет ее с двумя цветами, которые смежны с его дополнением. Три цвета обеспечивают сильный визуальный контраст в дизайне, но более тонкие, чем использование двух дополнительных цветов. Вот три цвета, созданные с использованием схемы сплит-дополнений:

цвет	Шестнадцатеричный код
оранжевый	# FF7D00
циан	# 00FFFF
малина	# FF007D

Измените свойство background-color классов orange , cyan и raspberry цветов на соответствующие цвета. Обязательно используйте шестнадцатеричные коды как оранжевые, а малины не являются признанными в браузере именами цветов.

Определение заголовка и тела документа HTML

О

Ольга

Вы можете добавить еще один уровень организации в свой HTML-документ в тегах html с элементами head и body . Любая разметка с информацией о Вашей странице будет идти в теге head. Остальная разметка с содержимым страницы (то, что отображается для пользователя) войдет в тег body . Элементы метаданных, такие как link, meta, title и style, обычно входят в элемент head. Вот пример макета страницы:

<!DOCTYPE html>
<html>
  <head>
    <!-- элементы метаданных -->
  </head>
  <body>
    <!-- содержание страницы -->
  </body>
</html>

Отредактируйте разметку, добавив теги head и body. Элемент head должен включать только тег title, а элемент body должен включать только теги h1 и p.

Объявить DOCTYPE HTML-документа

О

Ольга

Упражнения до сих пор охватывали конкретные элементы HTML и их использование. Однако есть несколько элементов, которые дают общую структуру вашей странице и должны быть включены в каждый HTML-документ. В верхней части документа вам нужно указать браузеру, какую версию HTML использует ваша страница. HTML - развивающийся язык и регулярно обновляется. Большинство браузеров поддерживают самую последнюю спецификацию—HTML5, но старые веб-страницы могут использовать предыдущие версии языка. Чтобы сообщить браузеру какую версию HTML использовать нужно добавить следующий тег в первую строку вашего документа <!DOCTYPE ...> , где « ... » - это версия HTML. Для HTML5 вы используете <!DOCTYPE html> . ! и DOCTYPE должно быть написано заглавными буквами, особенно для старых браузеров. Далее, весь ваш HTML-код необходимо обернуть в теги html . Открытие <html> идет непосредственно под линией <!DOCTYPE html> , а закрытие </html> идет в конце страницы. Вот пример структуры страницы:

<!DOCTYPE html>
<html>
  <!-- Ваш HTML-код идет здесь -->
</html>

Добавьте тег DOCTYPE для HTML5 в начало пустого документа HTML в редакторе кода. Под ним добавьте открывающие и закрывающие теги html , которые обертывают вокруг элемента h1. Заголовок может включать любой текст.

Узнайте о третичных цветах

С

Станислав

Компьютерные мониторы и экраны устройств создают разные цвета, комбинируя количество красного, зеленого и синего света. Это известно как цветовая модель RGB-аддитивности в современной теории цвета. Красный (R), зеленый (G) и синий (B) называются основными цветами. Смешивание двух основных цветов создает вторичные цвета cyan (G + B), пурпурный (R + B) и желтый (R + G). Вы видели эти цвета в задаче «Дополнительные цвета». Эти вторичные цвета являются дополнением к основному цвету, не используемому при их создании, и противоположны этому основному цвету на цветовом круге. Например, пурпурный цвет выполнен красным и синим цветом и является дополнением к зеленому. Третичные цвета являются результатом объединения основного цвета с одним из его вторичных соседних цветов. Например, красный (первичный) и желтый (вторичный) оранжевый. Это добавляет еще шесть цветов к простому цветному колесу в общей сложности двенадцать. Существуют различные способы выбора разных цветов, которые приводят к гармоничному сочетанию в дизайне. Один пример, который может использовать третичные цвета, называется схемой разделения цветов. Эта схема начинается с базового цвета, а затем соединяет ее с двумя цветами, которые смежны с его дополнением. Три цвета обеспечивают сильный визуальный контраст в дизайне, но более тонкие, чем использование двух дополнительных цветов. Вот три цвета, созданные с использованием схемы сплит-дополнений:

цвет	Шестнадцатеричный код
оранжевый	# FF7D00
циан	# 00FFFF
малина	# FF007D

Измените свойство background-color классов orange , cyan и raspberry цветов на соответствующие цвета. Обязательно используйте шестнадцатеричные коды как оранжевые, а малины не являются признанными в браузере именами цветов.