Подсоединение компьютера к глобальной сети Интернет часто осуществляется посредством телефонной сети. К сожалению, скорость передачи информации по телефонной сети весьма невелика. Поэтому в Интернете для уменьшения количества символов, передаваемых за единицу времени(то есть, трафика) пересылают не сам документ, а его описание на особом языке. Программа для просмотра веб-страниц – браузер сама воспроизводит документ на основе полученного описания. Для описания электронных документов существует особый язык – HTML. Получив описание, написанное на этом языке, браузер воссоздает исходный документ, формируя текст и расставляя иллюстрации в нужных местах.
HTML (HyperText Markup Language, то есть язык разметки гипертекста) –это язык Всемирной паутины. Каждый раз, открывая ту или иную веб-страницу, мы на самом деле открываем документ, написанный на языке HTML. Все веб-документы отформатированы с помощью языка HTML. Для перехода с одной страницы такого документа на другую предусмотрены гиперссылки, созданные посредством языка HTML. Размещенные на веб- страницах цветные иллюстрации, всевозможные формы для заполнения и бегущая строка видны опять-таки благодаря языку HTML.
Гипертекст – это текст со ссылками на другие документы. Чем отличается гипертекст от обычного текста? Вспомните энциклопедический словарь. В статье словаря, раскрывающей какое-либо понятие, некоторые слова выделены курсивом: это означает, что в данном словаре имеются статьи, посвященные этим словам – эти статьи можно найти и прочитать в той же книге. Такое указание на слово является ссылкой. Ссылка дает возможность получения дополнительной информации о слове или группе слов. Гипертекст тоже организован именно так.
Термин “гипертекст” впервые использовал в 1969 году Тед Нельсон. С информацией, написанной на языке гипертекста, можно работать только на компьютере.
Техника чтения обычного текста такова: прочитав страницу, переходишь к следующей. В технологии гипертекста последовательность чтения может быть произвольной, так как с помощью гиперссылки можно моментально перейти на любую страницу. Ссылки обычно выделяются в тексте цветом либо подчеркиванием. Такие ссылки называются гиперссылками, или гиперсвязями.
Объектом гиперссылки может стать отдельное слово, целое предложение или графический объект. При наведении указателя мыши на гиперссылку он меняет форму.
Посредством гиперссылок гипертекст может связывать друг с другом множество различных документов. Текстовые файлы, созданные при помощи HTML, имеют расширение .html или .htm. Их называют HTML-файлами.
Гиперссылка – это выделенный объект, связанный с другими объектами и реагирующий на щелчок мыши.
Теги
С точки зрения языка HTML, гипертекст – это текст с кодами разметки.
Обычно вместо термина “код разметки” применяют термин “тег”.
Теги – это команды, определяющие правила отображения текста в браузере.
Тег всегда начинается открывающей угловой скобкой (<) и завершается закрывающей угловой скобкой (>). При написании тегов прописные и строчные буквы не учитываются, то есть, например, <body>, <boDy> и <BODY> – это один и тот же тег.
Познакомимся с несколькими наиболее важными тегами, указывающие на то, что документ является именно HTML-документом, тегами заголовков, а также тегами, делящими документ на логические части.
Различные веб-браузеры отражают один и тот же HTML-документ не одинаково: наблюдаются различия в шрифтах, цвете, размере и т.д. При сохранении HTML-файла очень важно использовать расширение .html или .htm Это позволяет с легкостью определить тип документа. Такой документ веб-браузер легко распознает и открывает не как обычный текст, а как веб-страницу. Поэтому HTML-документ следует рассматривать как логический, а не как физический документ. Другими словами, вид документа может изменяться в зависимости от читающей его программы и от класса компьютера.
Тег<HTML>
Каждый HTML-документ начинается и заканчивается тегом <HTML>. Эти теги показывают, что документ является именно HTML-документом. Они непременно присутствуют в нем, вне зависимости от прочего его содержания. Использовать пару тегов <HTML> можно следующим образом:
[html] <HTML>
Мой первый HTML-документ
</HTML> [/html]
Теги <HEAD> и <BODY>
Любой HTML-документ можно разделить на две логические части — заголовок и тело (то есть сам документ). Для того, чтобы веб-браузер правильно отобразил документ, эти две части нужно отделить друг от друга. Обычно заголовок HTML-документа отражает основную информацию о документе, а тело — содержание документа. Поэтому добавимк предыдущему примеру пару тегов <HEAD> — начальный и конечный.
[html]<HTML> <HEAD>
Здесь располагается заголовок
</HEAD>
Мой первый HTML-документ </HTML> [/html]
Как видно из расположения тега <HEAD>, различные теги можно располагать рядом на одной строке.
Поскольку у каждого документа должны быть заголовок (head) и тело (body), то для завершения логического деления документа надо дополнить его тело начальным и конечным тегами <BODY> (парой тегов):
[html] <HTML> <HEAD>
Здесь располагается заголовок
</HEAD> <BODY>
Мой первый HTML-документ
</BODY> </HTML> [/html]
Каждый HTML-документ начинается и кончается открывающим и закрывающим тегами <HTML> (их называют тегами-контейнерами). Если в документе пропущен открывающий или закрывающий тег, то все прочие теги в нем уже не будут восприняты правильно. Закрывающий тег начинается с косой черты – именно этот признак указывает на то, что он является закрывающим.
Итак, любой HTML-документ начинается тегом <HTML> и заканчивается тегом </HTML>. Помещая заголовок документа между парой тегов <HEAD> и </HEAD>, а тело – между парой тегов <BODY> и </BODY>,документ делят на две логические части.
Тег <TITLE>
Одним из важнейших тегов для пользователя является тег <TITLE>. При работе в Интернете вы, наверное, видели в строке заголовка веб-браузера название HTML-документа. Это название берется из текста HTML-документа — из содержания тега <TITLE>. При отсутствии такого тега в документе в строке заголовка вместо названия страницы отражается ее URL-адрес. Тег <TITLE> располагается между парой тегов <HEAD> и сам является парным, охватывая текст, указывающий название документа, с двух сторон. Если добавить такой тег в наш пример, то HTML-документ приобретет законченный вид:
[html] <HTML> <HEAD> <TITLE> Название документа </TITLE>
</HEAD> <BODY>
Мой первый HTML-документ
</BODY> </HTML> [/html]
Несмотря на кажущуюся примитивность, данный документ включает в себя все необходимые теги, и его можно просматривать посредством веб-браузера. Сохранение документа при работе в редакторе производится точно так
же, как сохранение любого другого документа. Не стоит забывать, что документ сохраняется в текстовом формате. Желательно присвоить ему название вроде first.html (first.htm).
Классная статья — спасибо