Контрольная работа Тема: Язык гипертекстовой разметки документов html 4.0. Создание html-документов. Разработка web-сайта.

Примеры открывать с помощью Internet Explore и Блокнота.

7.1. Цель работы

Изучить основные теговые элементы и атрибуты языка гипертекстовой разметки HTML. Получить практические навыки по разработке HTML-документов с использованием элементов форматирования и размещения текстовой, графической, табличной информации, внедрения гипертекстовых ссылок и сносок. Освоить основные принципы разработки и организацию WEB-сайтов, применяя фреймовую структуру HTML-документов.

7.2Краткие теоретические сведения

Аббревиатура HTML расшифровывается как HyperText Markup Language, или язык гипертекстовой разметки, с помощью которого разрабатываются HTML-документы. Такие документы обычно хранятся в текстовом формате и должны иметь следующие расширения *.htm или *.html (правильнее *.html), поэтому создавать HTML-документы можно в любом текстовом редакторе (блокноте), при этом сохраняя созданные документы с расширением *.html. Для просмотра HTML-документов используется программы браузеры. Наиболее распространенными браузерами считаются Internet Explorer, Opera и Netscape Navigator.

Программы, в которых осуществляется трансляция тегов HTML-документа и в результате у пользователя в окне браузера отображается содержимое НТМL-документа, соответствующим образом отформатированная информация.

Основные понятия гипертекстовой разметки документов html.

HTML-документы состоят из набора тегов, элементов и их атрибутов:

• тэг – это текстовая метка определенного вида, отмечающая границы – начала и конца – некоторого содержимого. Например, для обозначения начала таблицы, используется тэг <table>, а для его завершения – </table>.

• элементом называется совокупность открывающего и закрывающего тэга и его содержимого. Содержимым элемента может быть не только простой текст, а и вложенные в него другие элементы.

• атрибут – это свойство элемента. Атрибуты записываются в начальном тэге элемента и определяют внешний вид содержимого.

Совокупность элементов и атрибутов формируют HTML-документ и позволяют вывести в окно браузера отформатированную текстовую, графическую, табличную, а также с элементами видео- и аудиоинформации. Для связи различных HTML-документов или с ресурсами Интернет используются ссылки в виде тегов гипертекстовых переходов.

Элементы языка HTML имеют ряд рекомендаций и должны представляться в одном из следующих форматах.

<имя_тега атрибут1=“значение” атрибут2=“значение” …> Содержимое </имя_тега>

<имя_тега атрибут1=“значение” атрибут2=“значение” …>

Имена тегов элементов рекомендуется записывать маленькими латинскими буквами. Начальный тег элемента должен начинается символом, “<”, за которым следует имя тега и далее, если необходимо, список атрибутов и закрывающий символ “>”. Завершающий тег элемента должен оформляться символами, “</” за которым следует имя тега с символом “>”. Атрибуты в закрывающем теге не содержаться.

Атрибуты элемента задаются в открывавшем тэге и разделяются между собой пробелом. Формат атрибут состоит из имени атрибута и присвоенного ему значения, заключенного в двойные (“) кавычки. Все элементы HTML кроме html, head, title, meta, script, style имеют следующие атрибуты:

• id – уникальный идентификатор элемента в HTML-документе;

• style – определяет информацию о стиле текущего элемента;

• class – класс стиля в таблице стилей CSS;

• title – всплывающая подсказка элемента.

Совокупность HTML-документов на определенную тематику при этом связанных между собой гипертекстовыми ссылками являются WEB-сайтом. Хранение как текстовой так и графической информации в одном каталоге может существенно усложнить разработку WEB-сайта. Для решения этой задачи необходимо разработать структуру папок и названий HTML-документов. Структура электронной книги в формате HTHL приведена на рис. 7.1.

Рис. 7.1. Структура сайта электронной книги

Все папки и HTML - документы расположены в основном каталоге site. Здесь расположен и главный html-файл сайта – "index.html". Далее разбиение происходит по главам, каталог “Glava01” и “Glava02” в которых помещаются HTML-документы соответствующей главы “Glava01.html” и каталог рисунков “Image”. Основной принцип структуризации такого типа сайта заключается в том, чтобы документы, находящиеся в подкаталогах, как можно меньше зависели от документов в родительских каталогах.