Geum.ru

Реферат Тема: "Создание web сайта, Синтаксис html, Объекты и формы, Создание графики."

Вид материалаРеферат

Содержание


Описание страницы"
Подобный материал:
1   2   3   4   5   6   7   8   9   ...   15





<Т1Т1Е>Структура МеЬ-страницы<ДШе>







Анатомия Web-страницы 37

<МЕТА name="Keywords" content="WWW, HTML, document, element">







Переход в <А href="#bottom">KOHeu документа<Р>

Переход к <А пгег"="#5001"хВ>ссылке K/bx/axP>

<Р>



<Н1>Заголовок 1



<Н2>Заголовок 2

<НЗ>Заголовок 3

<Н4>Заголовок 4

<Н5>Заголовок 5

<Н6>Заголовок 6



Здесь расположена <В>ссылка K/bxA name="S001"x/a>



<Р>Здесь должен располагаться оригинальный текст Web-страницы



<А name="bottom"x/a>


Переход в <А href="jftop">Ha4ano документа





Если рассмотреть исходные тексты различных Web-страниц, то можно легко уви-

деть схожесть их структур. Это объясняется тем, что документы создаются по опре-

деленным правилам. В основу синтаксиса языка HTML лег стандарт ISO 8879:1986

≪Information processing. Text and office systems. Standard Generalized Markup

Language (SGML)≫. Правда, существует большое различие между стандартом

официальным и стандартом фактическим. HTML постоянно развивается, допол-

няется новыми элементами, и изучать его надо не по официальным первоисточ-

никам, а на практике, обращаясь к последним разработкам ведущих фирм и спе-

циалистов.

Чтобы понять структуру Web-страницы, необходимо рассмотреть вес элементы,

входящие в приведенный выше листинг. При рассмотрении элементов языка я

буду приводить оба тега: начальный и конечный. Например: . Этим я

хочу подчеркнуть, что в большинстве случаев разработчик должен использовать

два тега для каждого элемента. Число случаев, когда допустим только начальный

тег (часть элементов не имеют конечного вообще), невелико, и они специально

оговариваются. Для имен тегов можно использовать как прописные, так и строч-

ные буквы латинского алфавита. Некоторые пользователи записывают начальные

теги прописными буквами, а конечные теги —строчными. Это помогает разобрать-

ся в исходном тексте Web-страницы.

38 Глава 2. Синтаксис HTML •

Обозначение документа на языке HTML. Я уже упоминал о том, что одним и:

принципов языка является многоуровневое вложение элементов. Данный эле

мент является самым внешним, так как между его начальным и конечным тегам!

должна находиться вся Web-страница. В принципе, этот элемент можно рассмат

ривать как формальность. Он имеет атрибуты version, lang и d i r , которыми в дан

ном случае редко кто пользуется, и допускает вложение элементов HEAD, BODY

FRAMESET и других, определяющих общую структуру Web-страницы. Естественно

что конечным тегом заканчиваются все подобные документы.



Область заголовка Web-страницы. Иными словами, ее первая часть. Так же, как \

предыдущий элемент, HEAD служит только для формирования общей структурь

документа. Этот элемент может иметь атрибуты lang и d i r , должен включать эле-

мент TITLE и допускает вложение элементов BASE, МЕТА, LINK, OBJECT, SCRIPT, STYLE.



Элемент для размещения заголовка Web-страницы. Строка текста, расположен-

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

зера. Эта строка часто используется при организации поиска в WWW. Поэтому

авторы, создающие Web-страницы для размещения в Сети, должны позаботиться

о том, чтобы эта строка, не будучи слишком длинной, достаточно точно отражала

назначение документа.



Описание стиля некоторых элементов Web-страницы. В файле Strukt.php назна-

чены шрифты для элементов Н2 и CODE. На рис. 2.1 видно, как изменится вид заго-

ловка второго уровня после такого переопределения. Естественно, что для каждого

элемента существует стилевое оформление по умолчанию, поэтому употребление

элемента STYLE не обязательно, но желательно.

Заголовок 1

Заголовок 2

Заголовок 3

Заголовок 4

Заголовок 5

Рис. 2.1. Заголовки, создаваемые при помощи элементов Н1...Н6. Шрифт второго

заголовка переопределен

Анатомия Web-страницы 39

Интересно, как синтаксис HTML отражает историю развития вычислительной

техники. Например, старый, теперь уже не работающий элемент BLINK напомина-

ет нам о тех временах, когда люди использовали дисплеи, которые имели (страш-

но подумать!) только текстовый режим. При таком положении вещей мигание

текста (blink) было, наверное, единственным достижимым визуальным эффектом.

В противоположность этому, элемент STYLE, введенный сравнительно недавно,

вызывает ассоциации с программами для Windows, так как в них впервые появи-

лось стилевое оформление текста, которое теперь невероятно популярно, и без

него уже немыслима работа в таких приложениях, как Word или Excel.

<МЕТА>

Этот элемент содержит служебную информацию, которая не отражается при про-

смотре Web-страницы. Внутри него нет текста в обычном понимании, поэтому

нет и конечного тега. Каждый элемент МЕТА содержит два основных атрибута, пер-

вый из которых определяет тип данных, а второй —содержание. Вот несколько

примеров meta-данных.

•Дата, обозначающая ≪срок годности≫ документа:

name="Expires" content="//ara"

•Адрес электронной почты:

name="Reply-to" content="Имя@Адрес"

т Имя автора Web-страницы:

паше ="Author" content="M≪ автора"

•Набор ключевых слов для поиска:

name="Keywords" content="cnoBo1, слово2, словоЗ . . . "

•Краткое описание содержания Web-страницы:

name="Description" content="Содержание страницы"

•Описание типа и характеристик Web-страницы:

name="Content-Type" content=" Описание страницы"

•Указание приложения, в котором была создана Web-страница:

name="Generator" content="Wa3eaHne HTML-редактора"

Здесь и далее при описании элементов и их атрибутов курсивом выделены фраг-

менты, которые должны быть заполнены пользователем по его усмотрению. Ат-

рибут name используется приложением-клиентом для получения дополнительной

информации о Web-страницах и их упорядочения. Этот атрибут часто заменяют

атрибутом http-equiv. Он используется сервером для создания дополнительных

полей при выполнении запроса.

Кроме этого, элемент МЕТА может содержать URL. Шаблон соответствующего ат-

рибута таков:

URL=" />
40 _ Глава 2. Синтаксис HTML



Этот элемент заключает в себе гипертекст, который определяет собственно Web

страницу. Это та произвольная часть документа, которую разрабатывает авто

страницы и которая отображается броузером. Соответственно, конечный тег этс

го элемента надо искать в конце HTML-файла. Внутри элемента BODY можно ис

пользовать все элементы, предназначенные для дизайна Web-страницы. Внутр

начального тега элемента BODY можно расположить ряд атрибутов, обеспечиваю

щих установки для всей страницы целиком. Рассмотрим их по порядку.

Один из самых полезных Для дизайна —атрибут, определяющий фон страниць

Его появление можно уподобить маленькой революции в WWW, так как одина

ково серые Web-страницы вдруг расцвели яркими цветными узорами:

background="/7yrb к файлу фона"

Более простое оформление фона сводится к заданию его цвета:

bgcolor="#ff/?GGSS"

Цвет фона задается тремя двуразрядными шестнадцатеричными числами, кото

рые определяют интенсивность красного, зеленого и синего цветов соответствен

но. Более подробно о задании цветов будет рассказано ниже.

Оба приведенных выше атрибута не являются альтернативными и часто исполь

зуются совместно: если по каким-либо причинам не может быть найден рисуно]

фона, используется цвет.

Поскольку фон страницы может изменяться, необходимо иметь возможност]

подбирать соответствующий цвет текста. Для этого имеется следующий атрибут

text="#/?/?GGB5"

Для задания цвета текста гиперссылок используется следующий атрибут:

Точно так же можно задать цвет для просмотренных гиперссылок:

vlink="#/?/?GGflS"

Можно также указать изменение цвета для последней выбранной пользователем

гиперссылки:

Гипертекст, расположенный внутри элемента BODY, может иметь произвольную

структуру. Ее определяют, в первую очередь, назначение Web-страницы и фанта-

зия разработчика.

Комментарий —>

В любом языке программирования есть конструкции, позволяющие создавать

произвольные ремарки. HTML в этом смысле —не исключение. Текст, введенный

внутри этого элемента, игнорируется броузером. Эти элементы могут располагать-

Анатомия Web-страницы 41

ся в любом месте Web-страницы. Без закрывающей угловой скобки здесь, по-ви-

димому, не обойтись: комментарий должен быть отделен от основного текста.

Признаком комментария служит восклицательный знак, а текст комментария

должен обрамляться двойными дефисом. Например: