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

HTML Учебник

HTML ГЛАВНАЯ HTML Введение HTML Редактор HTML Основные HTML Элементы HTML Атрибуты HTML Заголовки HTML Параграфы HTML Стили HTML Форматирование HTML Цитирование HTML Комментарии HTML Цвет HTML с CSS HTML Ссылки HTML Изображения HTML Таблицы HTML Списки HTML Блоки HTML Классы HTML Идентификаторы HTML Фреймы HTML с JavaScript HTML Путь к Файлу HTML Мета теги HTML Методы верстки HTML Адаптивный дизайн HTML Компьютерный код HTML Симантика HTML Руководство HTML Сущности HTML Символы HTML Эмодзи HTML Кодировка HTML URL Кодировка HTML vs. XHTML

HTML Формы

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

HTML Графика

HTML Canvas HTML SVG

HTML Медиа

HTML Медиа формат HTML Video HTML Audio HTML Плагины HTML YouTube

HTML API

HTML Геолакация HTML Перетаскивание HTML Веб хранилище HTML Веб работник HTML SSE

HTML Примеры

HTML Примеры HTML Тестирование HTML Упражнения HTML Сертификат HTML Резюме HTML Доступность

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

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

HTML Стили элементов



HTML атрибут style используется для добавления стилей к элементу, таких как цвет, шрифт, размер и т. д.

Пример

Нормальный

Красный

Синий

Большой

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

HTML атрибут style

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

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

<tagname style="property:value;">

property - свойство CSS. value - значение CSS.

Вы узнаете больше о CSS позже в этом уроке.


Background Color

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

Пример

Установите цвет фона для страницы на пудрово-синий:

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

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

</body>
Попробуйте сами »

Пример

Установите цвет фона для двух разных элементов:

<body>

<h1 style="background-color:powderblue;">Это заголовок</h1>
<p style="background-color:tomato;">Это параграф.</p>

</body>
Попробуйте сами »


Color

CSS свойствоcolor определяет цвет текста для HTML элемента:

Пример

<h1 style="color:blue;">Это заголовок</h1>
<p style="color:red;">Это параграф.</p>
Попробуйте сами »

Font-family

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

Пример

<h1 style="font-family:verdana;">Это заголовок</h1>
<p style="font-family:courier;">Это параграф.</p>
Попробуйте сами »

Font-size

CSS свойствоfont-size определяет размер текста для HTML элемента:

Пример

<h1 style="font-size:300%;">Это заголовок</h1>
<p style="font-size:160%;">Это параграф.</p>
Попробуйте сами »

Text-align

CSS свойство 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 и CSS, чтобы установить цвет параграфа в "синий".

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

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