Создание сайтов на WebPagesDesign.ru (495) 508-5716.

Информация

тел.: (495) 508-5716
info@webpagesdesign.ru

Новые сайты

www.hutor-2.ru

www.patrisa-nail.ru

Изготовление сайта жилого комплекса "Кореневский хуторок 2"
подробнее

Все работы на одной странице
подробнее

Создание сайта для логистической компании Way Logistic.
подробнее

Сайт ЦСВМ "Штурман"
подробнее

Справочник html.

Тег <STYLE>
вернуться

Описание

Тег <STYLE> применяется для определения стилей элементов веб-страницы. Тег <STYLE> необходимо использовать внутри контейнера <HEAD>. Можно задавать более чем один тег <STYLE>.

Синтаксис

Параметры

media: Определяет устройство вывода, для работы с которым предназначена таблица стилей.
type: Сообщает браузеру, какой синтаксис использовать, чтобы правильно интерпретировать стили.

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

Обязателен.

Пример 1. Использование тега <STYLE>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег STYLE</title>
<style type="text/css">
H1 { font-size: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333366 }
</style>
</head>

<body>
<H1>Hello, world!</H1>
</body>
</html>

Описание параметров тега <STYLE>

Параметр MEDIA

HTML:

3.2

XHTML:

1.0

1.1

Описание

Устанавливает устройство вывода, для которого предназначена таблица стилей. Для каждого устройства — от карманного компьютера до принтера можно определить свою собственный стиль, который бы учитывал специфику устройства и подгонял под него вид веб-страницы.

Синтаксис

Аргументы

all: Все устройства .
screen: Экран монитора.
print: Печатающее устройство вроде принтера.
projection: Проектор.
braille: Устройства, основанные на системе Брайля, которые предназначены для слепых людей.
speech: Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда, например, можно отнести речевые браузеры.

Можно устанавливать сразу несколько значений, перечисляя их через запятую.

Значение по умолчанию

screen

Пример 2. Стили для разных устройств вывода

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег STYLE, параметр media</title>
<style type="text/css" media="screen">
.window {
background: #333;
border: 1px solid red;
font-size: 90%;
color: #fc0;
padding: 10px }
</style>

<style type="text/css" media="print">
.window {
border: 1px solid black;
font-family: Arial;
font-size: 90%;
font-weight: bold;
color: black;
padding: 10px
}
</style>
</head>
<body>
<div class="window">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
</div>
</body>
</html>

Параметр TYPE

HTML:

3.2

XHTML:

1.0

1.1

Описание

Сообщает браузеру, какой синтаксис использовать, чтобы правильно интерпретировать таблицу стилей. Как правило, браузеры корректно работают со стилями и при отсутствии этого параметра, он необходим для некоторых старых браузеров, которые могут не распознать содержимое контейнера <STYLE>.

Синтаксис

Аргументы

В качестве значения используется MIME-тип — text/css.

Значение по умолчанию

text/css

Пример 3. Использование параметра type

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег STYLE, параметр type</title>
<style type="text/css">
  a:link { color: #003366; }
  a:visited { color: #660066; }
  a:hover { color: #800000; }
  a:active { color: #FF0000; }
</style>
</head>
<body>
<p><a href="link1.php">Lorem ipsum dolor sit amet</a></p>
</body>
</html>

Теги Документа

HTML является контейнером, который заключает в себе все содержимое веб-страницы, включая теги HEAD и BODY.

BODY предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера.

HEAD предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными.

TITLE определяет заголовок документа, не является частью документа и не показывается напрямую на веб-странице. Обычно текст заголовка отображается в левом верхнем углу окна браузера.

META определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем.

STYLE применяется для определения стилей элементов веб-страницы.

LINK устанавливает связь с внешним документом вроде файла со стилями или со шрифтами.

главная

статьи
контакты
команда

главная