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

Каскадные таблицы стилей (CSS)

С помощью каскадных таблиц стилей можно форматировать те или иные элементы (BODY, H1, P, A и др.) Web-страницы.

Они задаются с помощью контейнера <STYLE>...</STYLE>, который должен размещаться в контейнере <HEAD>...</HEAD>. Присвоение элементу того или иного значения происходит по схеме:

элемент {свойство элемента: значение элемента;}

или, говоря другими словами:

имя тега {атрибут тега: значение атрибута;}

например:

body {background-color: green;}

или

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

Как видно тег в каскадных стилях форматирования пишется без угловых скобок (< и >). Они здесь не нужны.

После того как мы ввели значения тега в каскадной таблице стилей, нет необходимости каждый раз задавать эти значения при использовании тега в самой Web-странице. Например:

         <HTML>
            <HEAD>
               <TITLE>Каскадные таблицы стилей</TITLE>
               <STYLE>
                  body {background-color: green;}
                  h1 {color: red;
                         text-align: right;}
               </STYLE>
            </HEAD>
            <BODY>
               <H1>Заголовок первого уровня</H1>
               Заголовок имеет красный цвет шрифта, с помощью параметра
               <b>color</b>, имеющем значение <b>red</b>
               и прижат к правому краю, так как был задан параметр 
               <b>text-align</b> со значением <b>right</b>.
               <p>А фон имеет зелёный цвет, так как задан атрибут 
               <b>background-color</b> со значением 
                                             <b>green</b>.
            </BODY>
         </HTML>

CSS. Каскадные таблицы стилей. STYLE.

Если мы указываем, что цвет текста заголовка H1 красный, то всегда при использовании контейнера <H1>...</H1>, текст, расположенный внутри данного контейнера, будет красным.

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

            <HEAD>
               <STYLE>
                  <!-- описание стилей -->
               </STYLE>
            </HEAD>

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

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

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

Хостинг от uCoz