САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ
×

HTML5 Учебник

HTML ГлавнаяHTML ВведениеHTML РедакторыHTML ОсновныеHTML ЭлементыHTML АтрибутыHTML ЗаголовкиHTML ПараграфыHTML СтилиHTML ФорматированиеHTML ЦитированиеHTML КомментарииHTML ЦветаHTML c CSSHTML СсылкиHTML ИзображенияHTML ТаблицыHTML СпискиHTML БлокиHTML КлассыHTML ИдентификаторыHTML ФреймыHTML JavaScriptHTML Путь к ФайлуHTML ГлаваHTML МакетHTML АдаптивныйHTML Компьютерный кодHTML ОбъектыHTML СимволыHTML КодировкаHTML URL КодированиеHTML XHTML

HTML Формы

HTML ФормыHTML Элементы формыHTML Тип вводаHTML Атрибуты ввода

HTML5

HTML5 ВведениеHTML5 ПоддержкаHTML5 Новые ЭлементыHTML5 СемантикаHTML5 МиграцияHTML5 Синтасис

HTML Графика

HTML CanvasHTML SVGHTML Google Карта

HTML Медиа

HTML МедиаHTML ВидеоHTML АудиоHTML ОбъектыHTML YouTube

HTML API

HTML ГеолокацияHTML ПеретаскиваниеHTML Веб ХранилищеHTML Веб РаботникHTML СОС

HTML Примеры

HTML ПримерыHTML ВикторинаHTML УпражненияHTML СертификатHTML ЗаключениеHTML Возможности

HTML Справочники

HTML Список ТеговHTML АтрибутыHTML ГлобальныеHTML СобытияHTML ЦветаHTML ХолстHTML Аудио/ВидеоHTML ДекларацииHTML Набор КодировокHTML URL КодHTML Коды языкаHTML Коды странHTTP СообщенияHTTP МетодыКовертер PX в EMКлавишные комбинации

HTML Стили



Пример

Нормальный

Красный

Синий

Большой

Редактор кода »

HTML Атрибут style

Настройка стиля элемента HTML может быть сделано с помощью атрибута style.

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

<тег style="свойство:значение;">

Вы узнаете подробнее о CSS в этом уроке.


HTML Цвет фона

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

В этом примере для страницы устанавливается цвет фона; powderblue:

Пример

<body style="background-color:powderblue;">

<h1>Это заголовок</h1>
<p>Это параграф.</p>

</body>
Редактор кода »

HTML Цвет текста

Свойство color, задает цвет текста для элемента HTML:

Пример

<h1 style="color:blue;">Это заголовок</h1>
<p style="color:red;">Это параграф.</p>
Редактор кода »

HTML Шрифты

Свойство font-family, определяет шрифт, используемый для элемента HTML:

Пример

<h1 style="font-family:verdana;">Это заголовок</h1>
<p style="font-family:courier;">Это параграф.</p>
Редактор кода »

HTML Размер текста

Свойство font-size, определяет размер шрифта для элемента HTML:

Пример

<h1 style="font-size:300%;">Это заголовок</h1>
<p style="font-size:160%;">Это параграф.</p>
Редактор кода »

HTML Выравнивание текста

Свойство text-align, определяет горизонтальное выравнивание текста для HTML элемента:

Пример

<h1 style="text-align:center;">Заголовок по центру</h1>
<p style="text-align:center;">Параграф по центру.</p>
Редактор кода »

Краткое содержание

  • Использование атрибута style для стиля элементов HTML
  • Использование background-color для цвета фона
  • Использование color для цвета текста
  • Использование font-family для шрифта текста
  • Использование font-size для размера текста
  • Использование text-align для выравнивания текста

HTML Упражнения

Проверте себя с помощью упражнений

Упражнение:

Используйте правильный атрибут HTML и CSS, чтобы установить цвет параграфа в "синий".

<p =";">Это параграф.</p>

Начните упражнения