HTML (Hypertext Markup Language – язык разметки гипертекста) – основной язык, используемый для представления документов в Интернет и, в частности, в системе публикации ресурсов World Wide Web (WWW).
HTML был разработан для того, чтобы дать дизайнерам гипертекстовых баз данных простое средство создания документов, а также сделать это средство достаточно мощным, чтобы отразить имеющиеся на тот момент представления об интерфейсе пользователя гипертекстовых баз данных
Документ на языке HTML представляет собой обычный плоский текст, включающий в себя помимо основного содержания (контента) особые ключевые слова, определяющие его форматирование.
Для создания и редактирования документов HTML пригодны как простейшие редакторы (такие как блокнот Notepad Windows, редакторы, встроенные в файловые менеджеры FAR, Windows Commander и другие), так и универсальные текстовые процессоры, например, Microsoft Word.
Так как HTML - документы представляют собой ASCII файлы, то необходимо помнить, что сохранять этот файл надо как “текст с разбиением на строки”. При использовании текстового редактора необходимо поменять расширение законченного файла с .txt на .htm.
Для просмотра WEB-страниц, написанных на HTML (они обычно имеют расширение htm или html), используются браузеры, самыми распространёнными среди которых являются Microsoft Internet Explorer и Netscape Navigator.
Несмотря на то, что сам по себе HTML-документ является обычным плоским текстом, он позволяет создавать очень сложное форматирования документа, включающее в себя изменения стиля, размера, цвета текста и фона, вставку изображений (в том числе анимированных и видеоклипов), звукового сопровождения, таблиц любой сложности, элементов интерфейса (кнопки, поля ввода и редактирования).
HTML состоит из тегов, которыми обрамляется любой элемент документа (то есть фрагмент текста или изображение). Теги идентифицируют охваченные ими объенкты как принадлежавшие одной из стандартных категорий HTML.
Тег HTML состоит из следующих друг за другом в определенном порядке элементов:
левой угловой скобки < (такого же, как "меньше чем" символа)
необязательного слэша /, который означает, что тег является конечным тегом, закрывающим некоторую структуру и в этом контексте может читаться как конец...
имени тега, например TITLE или PRE
необязательных, если даже тег может иметь их, аргументов. Тег может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например: ALIGN=CENTER
правой угловой скобки > (такой же, как символа "больше чем").
В тегах HTML не различаются символы верхнего и нижнего регистров.
Гипертекстовый документ состоит из двух частей: заголовка документа HEAD и тела документа BODY
<HTML> <HEAD> Содержание заголовка</HEAD> <BODY>Содержание тела документа</BODY>
</HTML>
Тело документа состоит из:
Иерархических контейнеров и заставок
Заглавий (от H1 до H6)
Блоков (параграфы, списки, формы, таблицы, картинки и т. п.)
Горизонтальных отчеркиваний и адресов
Текста, разбитого на области действия стилей (подчеркивание, выделение, курсив), математические описания, графику и гипертекстовые ссылки
<P> <CENTER> Министерство высшего и профессионального образования Российской Федерации
</CENTER>
<P> <CENTER> НОВОСИБИРСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ </CENTER>
<HR SIZE=4 WIDTH=100% NOSHADE ALIGN=CENTER>
<TABLE WIDTH=100%>
<TR>
<TD>681</TD><TD ALIGN=RIGHT>№ 1775 </TD>
</TR>
<TR>
<TD>В 949</TD><TD> </TD>
</TR>
</TABLE>
<BR> <BR> <BR> <BR> <BR><BR> <BR> <BR> <BR> <BR>
<P><FONT SIZE=6>
<CENTER><B> ВЫЧИСЛИТЕЛЬНЫЕ СЕТИ <BR> И СИСТЕМЫ <BR>
ТЕЛЕКОММУНИКАЦИИ </B> </FONT> </CENTER>
<P> <CENTER> Методические указания <BR> к лабораторным работам для студентов дневного <BR> и заочного обучения факультета бизнеса, 3 курс, <BR> специальность 0719 </CENTER>
Для того, чтобы представлять документы в нескольких разделах, которые могут быть независимыми или вложенными окнами, в языке HTML используются фреймы. Это обеспечивает web-дизайнерам способ оставлять некоторую информацию видимой, в то время как другая информация прокручивается или заменяется. Например, в одном окне в одном фрейме может отображаться статический баннер, во втором навигационное меню, а в третьем - сам документ, который можно прокручивать или переходить к другому с помощью навигации во втором фрейме.
Документ HTML, в котором описывается компоновка фреймов (называемый документом с фреймами), выглядит не так, как документ HTML без фреймов. Стандартный документ имеет один раздел HEAD и один раздел BODY. Документ с фреймами имеет раздел HEAD и раздел FRAMESET, который заменяет раздел BODY.
В разделе FRAMESET задается расположение фреймов в основном окне агента пользователя. Элементы, обычно помещаемые в раздел BODY, не должны присутствовать до первого элемента FRAMESET, иначе элемент FRAMESET будет игнорироваться
Важнейшим свойством HTML-документа, благодаря которому он называется языком разметки гипертекстовых документов, является возможность создания ссылок на другие документы. Таким образом, набор HTML-документов, связанных между собой ссылками, образует сеть документов.
Описывается ссылка на другой документ следующим образом:
<A HREF="имя файла"> Текст, который будет служить как обращение к другому документу</A>.
Гиперссылки могут также использоваться для соединения с определенными разделами документов, а также с разделами текущего документа.
Тег вставки изображения <IMG SRC=”путь_к_файлу/имя_файла”>
Тег IMG является непарным (пустым) и, следовательно, не имеет закрывающей формы тега.
Большинством браузеров поддерживаются изображения в форматах GIF, JPG, BMP, PNG и некоторых других. Из перечисленных форматов изображений не следует без крайней необходимости пользоваться форматом BMP, так как, во-первых, изображения в этом формате имеют значительно больший объём, чем в других, и, во-вторых, формат BMP не поддерживается некоторыми браузерами, работающими в операционных системах, отличных от Windows. Изображения в формате GIF, в отличие от других форматов, могут быть анимированными, т.е. содержать короткие мультипликационные клипы. Формат JPG более всего подходит для отображения цветных фотографий. Для рисунков лучше других подходят форматы GIF и PNG.
Обязательный атрибут SRC указывает путь и имя файла, содержащего изображение. В качестве разделителя каталогов в пути используются обычный слэш (/).
Если путь не указан, то файл изображения будет взят из каталога, содержащего просматриваемую WEB-страницу. Если файл с нужным именем не существует (например, если имя или путь указаны неверно) или не доступен, то браузер вместо изображения выводит прямоугольник с условным значком отсутствующего изображения.
Элементы языка HTML и примеры их использования подробно описаны в многочисленных учебниках, см. например, ниже представленные ссылки.
В настоящее время разработаны и продолжают разрабатываться расширения стандартного языка HTML, предназначенные для представления документов различных типов (XML – для сложно структурированных документов и баз данных, VRML – для описания трехмерных сцен «виртуальной реальности», Voice HTML - для распознавания речи и голосового управления WEB-страницами и другие).
ССЫЛКИ НА ИНФОРМАЦИЮ О HTML
http://www.machaon.ru/digest/rusinter.HTML.html- Обзор ссылок на статьи и издания по HTML
http://www.bytecity.ru/~grinjen/HTML/1/2.html - Основы HTML. Учебный курс из 5 занятий
http://www.online.ru/it/helpdesk/html32.htm- Спецификация HTML 3.2 (углубленное изучение)
http://www.design.ru/kovodstvo/paragraphs/12.html- фреймы: плюсы и минусы http://www.cherry-design.spb.ru/pages/articles.htm - Интересные статьи
http://www.citforum.ru
ЗАДАНИЕ НА ВЫПОЛНЕНИЕ ЛАБОРАТОРНОЙ РАБОТЫ
1. Для разработки web-страницы выбрать любую интересующую их тему, например, разработать персональную страницу членов учебной бригады, витрину интернет-магазина и т. д. или получить тему у преподавателя.
2. Обязательным условием является использование текстового, а не специализированного HTML-редактора, для того, чтобы почувствовать специфику ручного программирования html-страниц.
3. Разрабатываемая страница не должна быть слишком сложной, но при этом содержать достаточное количество элементов языка: окон, форм, объектов, изображений, апплетов, то есть продемонстрировать выразительные возможности языка HTML.
4. Оформить отчёт.
СОДЕРЖАНИЕ ОТЧЕТА
1.Постановка выбранной задачи.
2.Описание web-страницы:
- описание элементов (тэгов), используемых в HTML-файлах;
