Основы работы с HTML


Использование стилей в HTML


В HTML 4.0 все форматирование можно переместить из документа HTML в отдельную таблицу стилей.

<html> <head> <style type="text/css"> h1 {color: red} h3 {color: blue} </style> </head>

<body> <h1>Это заголовок 1</h1> <h3>Это заголовок 3</h3> </body> </html>

Пример выполнения данного HTML-кода

Этот пример показывает, как форматировать документ HTML с помощью информации о стилях, добавленной в раздел заголовка <head>.

<html> <body>

<a href="lastpage.htm" style="text-decoration:none"> ЭТО НЕПОДЧЕРКНУТАЯ ССЫЛКА! </a>

</body> </html>

Пример выполнения данного HTML-кода

Этот пример показывает, как с помощью атрибута style сделать ссылку, которая не подчеркивается.

<html> <head> <link rel="stylesheet" type="text/css" href="styles.css" > </head>

<body> <h1>Я отформатирован с помощью присоединенной таблицы стилей</h1> <p>Я тоже!</p> </body> </html>

Пример выполнения данного HTML-кода

Этот пример показывает, как использовать тег <link> для соединения с внешней таблицей стилей.



Содержание раздела