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

Тег <BODY>

Почти все теги имеют некоторые параметры, которые называют атрибутами. Они нужны для установки параметров документа, а их значения принято заключать в кавычки. Но в то же время если убрать кавычки, то значения всё равно будут работать. Например, атрибут bgcolor="red", используемый в теге <BODY>, говорит нам о том, что фон нашей Web-страницы будет красный. Если мы уберём кавычки и напишем bgcolor=red, то всё равно цвет фона документа останется красным. А вот если убрать только одну кавычку, и оставить другую, то броузер проигнорирует наш атрибут. Поэтому будьте внимательны.

Тег <BODY> имеет следующие атрибуты:

  • bgcolor="..." - задаёт цвет фона нашей Web-страницы. Про значения цветов будет сказано далее;
  • background="..." - данный атрибут тоже задаёт значение фона, но здесь используются не цвета, а рисунки в формате *.gif или *.jpg. В кавычках указывается путь к файлу, который будет отвечать за фон страницы. Если ваша страница и ваш рисунок лежат в одной папке, то достаточно только назвать имя рисунка. Если же нет, то надо указывать полный путь. При указании пути к файлу, важно учитывать регистр шрифта, иначе ничего может не получиться;
  • text="..." - устанавливает цвет текста;
  • alink="..." - определяет цвет активной ссылки, то есть той ссылки, на которую вы нажали, но ещё не отпустили кнопку мыши, или которую вы только что использовали, или используете в данный момент (на слух конечно звучит трудновато, но после того, как вы попробуете на практике данный атрибут, всё станет ясным);
  • link="..." - определяет цвет не просмотренной ссылки;
  • vlink="..." - определяет цвет просмотренной ссылки;
  • topmargin="..." - устанавливает границу верхнего поля;
  • leftmargin="..." - граница левого поля;
  • rightmargin="..." - граница правого поля;
  • bgproperties="fixed" - данный атрибут со значением fixed говорит броузеру не прокручивать фоновое изображение вместе с текстом;
  • onload="..." - определяет те действия броузера, которые должны произойти после загрузки документа из сети.

Например (результат на рис. 2):


   <HTML>
      <HEAD>
         <TITLE>Пример 1</TITLE>
      </HEAD>
      <BODY background="Sky.JPG" text="red" topmargin="50" leftmargin="30"
                                                              rightmargin="30">
         В данном примере мы используем в теге <BODY> атрибут background="...";
         с указанием названия картинки, которая в данный момент находится в той
         же папке, что и сам *.html документ. Затем мы используем атрибут text="...",
         который задаёт цвет текста. Так как его значение RED, то мы видим красный
         цвет. Также мы наблюдаем отступ сверху, и по краям, благодаря параметрам 
         topmargin="...", leftmargin="...", rightmargin="..." со значением в 50 и 30
         пикселей.
      </BODY>
   </HTML>
      

атрибуты тега BODY, bgcolor
рис. 2. Использование атрибутов <BODY>.


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


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

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

Хостинг от uCoz