НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ

HTML5 Підручник

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 URL кодування HTML XHTML

HTML Форми

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

HTML5

HTML5 Вступ HTML5 Підтримка HTML5 Нові елементи HTML5 Семантичні елементи HTML5 Перехід з HTML4 HTML5 Гід по стилю

HTML Графіка

HTML Canvas HTML SVG

HTML Медіа

HTML Медіа HTML Відео HTML Аудіо HTML Плагіни HTML YouTube

HTML API

HTML Геолокація HTML Drag/Drop HTML Web сховище HTML Web робітники HTML SSE

HTML Приклади

HTML Приклади HTML Вікторина HTML Вправи HTML Сертифікат HTML Резюме HTML Доступність

HTML Довідники

HTML Список тегів HTML Атрибути HTML Глобальні атрибути HTML Події HTML Кольори HTML Canvas HTML Аудіо/Відео HTML Діючі Doctype HTML Набори символів HTML URL кодування HTML Кодування мови HTTP Повідомлення HTTP Методи PX в EM Конвертер Гарячі клавіши

HTML5. Уроки для початківців

HTML Стилі



Приклад

Я - червоний

Я - синій

Я - великий

Спробуйте самі »

Style - HTML атрибут стиля

Установка стилю HTML елемента може бути зроблена за допомогою атрибута style.

HTML атрибут style має наступний синтаксис:

<tagname style="property:value;">

де property є CSS властивістю, value є CSS значенням.

Ви дізнаєтесь більше про CSS далі в цьому підручнику.


Background Color - Колір фону

CSS властивість background-color визначає колір фону для HTML елемента.

Цей приклад встановлює колір фону в powderblue (темноблакитний).

Приклад

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

<h1>Це заголовок</h1>
<p>Це параграф.</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 Вправи

Перевірте себе за допомогою вправ

Вправа:

Використовуйте коректний HTML атрибут і CSS, щоб встановити колір параграфа "blue" (синій).

<p =";">Це параграф.</p>

Почати вправу