Самоучитель по 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>

Определение стилей через классы

Если у вас появилась потребность для одного и того же тега выбрать разный стиль, то это можно сделать с помощью классов. Например: 
         <HTML>
            <HEAD>
               <TITLE>Определение стилей через классы</TITLE>
               <STYLE>
                  H1.green {color: green;
                                   text-align: right;}
                  H1.red {color: red;
                               text-align: center;}
                  H1.violet {color: violet;
                                     text-align: left}
               </STYLE>
            </HEAD>
            <BODY>
               <H1 class="green">Зелёный шрифт справа.</H1>
               <H1 class="red">Красный шрифт по центру.</H1>
               <H1 class="violet">Фиолетовый шрифт слева.</H1>
            </BODY>
         </HTML>

классы, class

Как видно из примера, класс выбранного нами тега обозначается через точку, после которой идёт имя класса (например H1.red). Затем, когда в документе мы используем тег, задаём через атрибут class="..." значение, где указываем имя класса (например red).

Можно создавать классы не для определённого тега, а например для всех сразу. Тогда имя тега надо опустить и указать лишь название класса. Например:

         <HTML>
            <HEAD>
               <TITLE>Определение стилей через классы</TITLE>
               <STYLE>
                  .1 {color: green;
                                   text-align: right;}
                  .2 {color: red;
                               text-align: center;}
                  .3 {color: violet;
                                     text-align: left}
               </STYLE>
            </HEAD>
            <BODY>
               <H1 class="1">Зелёный шрифт справа.</H1>
               <P class="2">Красный шрифт по центру.</P>
               <H2 class="3">Фиолетовый шрифт слева.</H2>
            </BODY>
         </HTML>


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

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

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

Хостинг от uCoz