- •2. Описание выполненных работ
- •2.1. Техническое задание на разработку
- •2.1.1. Введение
- •2.1.2 Основание для разработки
- •2.1.3 Назначение разработки
- •2.1.4 Требования к программе
- •2.2. Описание языка гипертекстовой разметки html
- •2.3. Структура языка гипертекстовой разметки html документа
- •2.4. Создание заголовка
- •2.5. Атрибуты html
- •2.6. Создание абзаца в языке гипертекстовой разметки html
- •2.7. Заголовки
- •2.8. Отображения на web-странице изображений
- •2.9. Язык программирования Java Script
- •2.10. Анализ некоторых существующих сайтов (Таб. 2)
2.3. Структура языка гипертекстовой разметки html документа
Символы, заключенные в угловые скобки <> являются HTML командами, по которым «браузер» распознает, как следует преобразовать части текста, заключенные между этими командами.
Документ в целом должен быть отмечен как документ в формате HTML. Для этого он должен начинаться командой <HTML> и заканчиваться командой </HTML>.
Документ состоит из 2 частей:
Заголовка (Head).
Собственно документа (Body).
При написании команд HTML не имеет значение, какими буквами – строчными или прописными Вы пишете команды. Заголовок содержит такие сведения о документе, как его название и методическая информация, описывающая содержимое.
Каждый тег состоит из имени, за которым может следовать список необязательных атрибутов, все они находятся внутри угловых скобок < >.
Содержимое скобок никогда не выводится в окне браузера. Имя тега, как правило, представляет собой аббревиатуру его функции, что облегчает его запоминание. Атрибуты являются свойствами, которые расширяют или уточняют функцию тега. Как правило, имя и атрибуты внутри тега не чувствительны к регистру. Тег <BODY BGCOLOR=white> будет работать так же, как <body bgcolor=white>. Однако значения определенных атрибутов могут быть чувствительны к регистру. Это относится, в частности, к именам файлов и URL.
Большинство тегов являются контейнерами. Это означает, что у них имеется начальный (открывающий или стартовый) и конечный (закрывающий) теги. Текст, находящийся между тегами, будет выполнять содержащиеся в них инструкции. Например:
Моя <I>первая</I> Web-страница
Результат: Моя первая Web-страница.
Конечный тег имеет то же имя, что и начальный, но перед ним стоит слэш (/). Его можно рассматривать как "выключатель" тега. Конечный тег никогда не содержит атрибутов.
Приступая к рассмотрению структуры HTML-документа, прежде всего надо указать на то, что данный документ описывает web-страницу на языке HTML. Для этого текст начинается с тега <HTML>. Для него требуется закрывающий тег </HTML>, обозначающий конец документа.
2.4. Создание заголовка
Следующими по уровню вложенности являются теги заголовка документа и его содержания. Внутри тега заголовка записывается информация о документе (его название, описание, таблица кодировки и т. д.). Сам тег заголовка записывается как <HEAD>. Для него требуется закрывающий тег </HEAD>. Тег содержания документа определяет информационную часть описания страницы. В ней располагается текст, рисунки и другие элементы. Тег описания (тела страницы) выглядит следующим образом: <BOOY>...</BODY>.
Запишем пример простейшего документа:
<HTML>
<HEAD> <ТIТLЕ>Пример HTML-страницы </TITLE>
</НЕАD>
<ВОDY>Это простая страница, иллюстрирующая структуру описания на языке HTML.
</BODY>
</HTML> .
Тег <TITLE>, расположенный в заголовке страницы, указывает название страницы, которое большинство браузеров отображают в заголовке окна. Определив название страницы, вы упростите работу с сайтом (пользователь поймет, куда он попал, еще до окончания загрузки документа). Кроме того, поисковые системы могут ориентироваться на заголовки документов при анализе соответствия содержимого сайта введенному пользователем запросу. Элемент BODY должен встречаться в документе не более одного раза.