Учебник HTML - структура документов

      Введение
      
      HyperText Markup Language (HTML) - язык разметки гипертекста.
      Гипертекст - информационная структура, позволяющая устанавливать смысловые связи между элементами текста на экране компьютера таким образом, чтобы можно было легко осуществлять переходы от одного элемента к другому. На практике в гипертексте некоторые слова выделяют путем подчеркивания или окрашивания в другой цвет (гиперссылки). Выделение слова говорит о наличии связи этого слова с некоторым документом, в котором тема, связанная с выделенным словом рассматривается более подробно.
      
      Отдельный документ, выполненный в формате HTML, называется:
      
      - HTML-документом;
      - Web-документом;
      - Web-страницей.
      
      Такие страницы как правило имеют расширение htm или html.
      
      Гиперссылка - фрагмент текста, который является указателем на другой файл или объект. Гиперссылки необходимиы для того, чтобы обеспечить возможность перехода от одного документа к другому. Группа Web-страниц, принадлежащих одному автору или одному издателю и взаимосвязанных общими гиперссылками, образует структуру, которая называется Web-узлом или Web-сайтом. Каждая HTML-страница имеет свой уникальный URL-адрес в интернете.
      
      Структура URL-адреса
      
      Url-адрес ресурса образуется объединением доменного имени компьютера, на котором он хнанится, и пути поиска (пути доступа), который ведет от корневого каталога жесткого диска этого компьютера черех все вложенные каталоги к файлу, представляющему ресурс.
      Типичный URL для WWW имеет вид:
      
      http://www.название.домен/имя файла
      
      Здесь название - это часть адреса, который часто употребляется для обозначения владельца сайта, а домен - обозначение крупного "раздела" Интернета: страны (ru), области деятельности (com) и т.д. Например, адрес фантастического рассказа desant_2003.doc в Интернете:
      
      <a href='http://tuapse-more.narod.ru/desant_2003.doc' title='Десант'>Десант</a> будет выглядеть на веб странице так: Десант
      

      Рисунки на WEB-страничке
      
      <IMG> - элемент для создания ссылки на графический файл (image). Он не содержит конечного тега - вся необходимая информация задается при помощи атрибутов. Этот элемент является универсальным: с его помощью можно использовать изображения в гиперссылках, вставлять картинки в таблицы, просто размещать рисунки на Web-странице, решать задачи дизайна и т.д.
      Необходимым атрибутом является src - указатель на файл графики:
      
      src="Ссылка на файл".
      
      Например:
      
      <IMG src="bos2.gif> - обычный рисунок
      <IMG src="pantera.gif"> - анимированный рисунок
      
      Очень полезным атрибутом является alt. Он позволяет выводить текст в тех местах, где должны располагаться рисунки. Страница может загружаться достаточно долго, и пока графические файлы на подходе, пользователь должен видеть, какие изображения он сможет получить.
      
      Например:
      
      <IMG src="bos2.gif alt="Скриншот игры" >
      
      <IMG src="pantera.gif" alt="Обои для Windows">
      
      Высоту и ширину области, в которой демонстрируется рисунок, задают при помощь атрибутов height - высота и width - ширина.
      
      Например:
      
      <IMG src="bos2.gif" width="76" height="121">
      
      <img src="bos2.gif" width="176">
      
      Обратите внимание, что во втором случае изменен размер рисунка (мы изменили ширину, высота будет изменена автоматически). При этом происходит потеря качества изображения, поэтому желательно задавать эти атрибуты в соответствии с реальными размерами рисунка.
      
      Атрибут border задает рамку вокруг объекта. border="2' - ширина рамки задается в пикселах.
      
      Например:
      
      <IMG src="pantera.gif" border="2" alt="Панорама побережья">
      
      Полностью тег IMG должен выглядеть следующим образом:
      
      <IMG src="bos2.gif" width="76" height="121" alt="Скриншот Java игры">
      
      Если вы хотите использовать рисунок в качестве обоев странички (background), то в теге <BODY> используем этот атрибут с указанием адреса рисунка обоев.