«Единственный способ творить великие дела – это любить то, что ты делаешь»
HTML



Далее на странице



Тег <style> предназначен для задания стилевого оформления элементам страницы (тегам HTML и их содержимому).

Тег <style> размещается в голове (тег <head>), и его допускается использовать несколько раз.

Подробнее о способах применения стилей Вы узнаете при изучении технологии CSS (Cascading Style Sheets - каскадные таблицы стилей). (см. здесь...)

Закрывающий тег

Обязателен


Атрибут Type

Атрибут type тега style - устанавливает MIME-тип (Multipurpose Internet Mail Extensions - Многоцелевые расширения почты интернета) файла, с которым устанавливается связь.

Значение/я атрибута:
MIME-тип - text/css
Значение по умолчанию:
text/css
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Тег style </title>
<style>
p {font-size:18px; font-family:"Times New Roman", Times, serif; color:#FFCC33;}
h4 {
color:green;}
</style>
</head>
<body>

<p> Цвет, размер текста и стиль шрифта - стилевое оформление для всех абзацев текущего документа </p>
<p> Мы задали с помощью тега style, который расположен в голове документа! </p>
<h4 align="center"> Оформление для заголовка четвертого уровня (зеленый цвет) также указано в теге style - в голове документа! </h4>
<p style="border:#CC0000 dotted 1px; color:teal; padding-left:50px;"> А для этого абзаца задан индивидуальный стиль - цвет текста и рамка, плюс отступ текста от левой границы - 50 пикселей! </p>
<div> Для данного тектса, заключенного в тег div, стиль не задан! </div>

</body>
</html>
Результат

Цвет, размер текста и стиль шрифта - стилевое оформление для всех абзацев текущего документа

Мы задали с помощью тега style, который расположен в голове документа!

Оформление для заголовка четвертого уровня (зеленый цвет) также указано в теге style - в голове документа!

А для этого абзаца задан индивидуальный стиль - цвет текста и рамка, плюс отступ текста от левой границы - 50 пикселей!

Для данного тектса, заключенного в тег div, стиль не задан!





Все теги HTML

HTML по шагам

Тематические публикации

Тематические публикации