1 Стилі для HTML елементів

HTML елементи (теги) мають властивості. Значення властивостей (розмір, колір, тощо) формують стиль елемента. Всі елементи мають стилі за замовченням. Веб дизайн передбачає створення нових стилів. Спробуємо в цьому розібратися.

Вбудований стиль. Атрибут style

Розглянемо приклад HTML коду:
Тег <H1> текст заголовку</H1>

текст заголовку

За замовченням колір тексту - чорний. Змінити колір на будь-який інший можна завдяки атрибуту style:

<H1 style = “color:red;”> текст заголовку</H1>

текст заголовку

Після цього текст заголовку буде червоним, дякуючи наданню властивості color значення red.

властивість:значення
Властивість та встановлене значення називають оголошення стилю.

За допомогою style можна встановити шрифт, розмір, колір фону і багато чого іншого в елементах HTML.

Ось приклад налаштованого кольору тексту, кольору фону та гарнітури шрифта для тега H1:

<H1 style = 'color:blue; background-color: yellow; font-family:"Consolas"'> текст </H1>

текст заголовку

Синій текст заголовку на жовтому фоні шрифтом Consolas. Три налаштування в одному style. Зверніть увагу, що вони відокремлюються знаком ; .

Оголошення відокремлюються один від одного знаком ;

Перевір себе:

1. Тренування за посиланням

2. Вправа 1 в електронному зошиті

3. Створити html сторінку з трьома заголовками та пропиши кожному вбудований стиль: