Самоучитель по HTML

Справочник HTML

Оглавление:

  1. С чего начать?
  2. тег <BODY>
  3. Комментарии
  4. Просмотр результата
  5. Создание абзацев
  6. Создание заголовков
  7. Выравнивание текста
  8. Тег <PRE>
  9. Форматирование текста
  10. Атрибуты шрифта
  11. Специальные символы и таблица UNICODE
  12. Тег <HR>
  13. Гиперссылки
  14. Ссылки на объект в текущем документе
  15. Вставка графических изображений
  16. Бегущая строка
  17. Создание списков
  18. Создание таблиц
  19. Фреймы
  20. Встроенный фрейм
  21. Создание форм

CSS

  1. Каскадные таблицы стилей
  2. Способы определения стилей
  3. Определение стилей через классы
  4. Определение стилей через индентификаторы
  5. Позиционирование элементов Web-страницы
  6. Шрифты
  7. Свойства текста
  8. Свойства блоков текста
  9. Цветовое оформление
  10. Создание полей в документе
  11. Абзацный отступ
  1. Корректное отображение Web-страницы
  2. Атрибуты тега <META>

Способы определения стилей

Есть несколько способов определения стилей:

  • Можно задать стиль в заголовке, как мы делали в предыдущем разделе.
  • Задать стиль внутри тега, используя атрибут style="...". Например <H1 style="color: green;">. Но, поступая таким образом, мы бы сильно загромоздили наш HTML-код.
  • А можно импортировать стиль из специального стилевого файла. Делается это с помощью тега <LINK> и его атрибута href="style.css", то есть <LINK href="style.css">.

Тег <LINK> надо расположить в заголовке HTML-документа, то есть в контейнере <HEAD>...</HEAD>. Также в теге <LINK> может присутствовать атрибут rel="..." со значением stylesheet, который показывает броузеру, что атрибут href="..." указывает на файл, который содержит определение стилей.

Что касается самого стилевого файла, то он содержит в себе только описания тегов и больше ничего. Например:

         H1 { color: red;
              text-align: right; }

То есть никаких тегов типа <HTML>, <HEAD> и прочее стилевой файл содержать не должен, в отличие от HTML-документа.

Для нескольких тегов можно задавать одни и те же параметры. Для этого достаточно теги перечислить через запятую, а затем указать их свойства. Например:

         H1, P, H3 {color: red;}

Наверно у вас возник вопрос, почему данные стили форматирования называют каскадными. Всё дело в их иерархичности (или приоритете). Например, вы создали стилевой файл, на который ссылается ваш HTML-документ, но затем возникла необходимость переопределить стиль какого-нибудь тега. Тогда вы берёте и используете в вашей Web-страничке тег <STYLE>, где указываете все необходимые параметры, которые нуждаются в изменении. Указанные в нём теги с новыми параметрами, заменят теги, указанные в стилевом файле.

Также может возникнуть необходимость изменить какой-либо тег непосредственно в самом документе. Тогда просто используем атрибут style="..." в нужном нам теге - он заменит параметры, указанные в стилевом файле, а также в теге <STYLE>.


Предыдущая страница         Следующая страница

Вы можете свободно использовать фрагменты сайта, с условием размещения ссылки на наш сайт:
<a href="http://tri222.narod.ru"><b>Самоучитель по созданию Web-страниц.</b></a>

Copyright © 2008 "tri222.narod.ru"
Вопросы и свои предложения вы можете отправлять на tri222@yandex.ru

Хостинг от uCoz