Рефераты. Разработка web сайта на основе HTML с использованием JavaScript < TITLE></title>Элемент для размещения заголовка Web –
страницы. Строка текста , расположенного внутри этого элемента, отображается не
в документе, а в заголовке окна браузера. Эта строка часто используется при
организации поиска в WWW. Эта строка должна достаточно точно отражать
назначение документа.
< STYLE></style>Элемент для описания стиля некоторых элементов
Web – страницы. В файле Strukt. Htm назначены шрифты для элементов h2, code.
Для каждого элемента существует стилевое оформление по умолчанию, поэтому
употребление элемента style не обязательно, но желательно. Этот элемент
введён сравнительно недавно, без него немыслима работа в приложениях World, Excel.
< META>Элемент содержит служебную информацию, которая
не отражается при просмотре Web- страницы. Внутри него нет текста в обычном
понимании, поэтому нет и конечного тега. Каждый элемент Meta
содержит два основных атрибута, первый из которых определяет тип данных, а
второй – содержание. Вот несколько примеров meta – данных:
Дата, обозначающая срок годности документа:
Name
– “ Expires ” content = “Дата”
Адрес электронной почты:
Name = “Reply – to” content = “ Имя
@ Адрес “
Имя
автора Web-страницы:
Name = “Author” content = “ Имя автора ”
Набор ключевых слов для поиска:
Name = “Keywords” content = “ слово 1, слово 2, слово 3…”
Краткое описание содержания Web-
страницы:
Name
= “ Description ” content = “Содержание страницы”
Описание типа и характеристик Web –
страницы:
Name
= “ Content – Type ” content = “ Описание страницы”
Указание приложения, в котором была создана Web –
страница:
Name = “Generator” content = “ Название HTML – редактора ”
Атрибут Name используется приложением – клиентом для
получения дополнительной информации о Web – страницах и их упорядочения. Его часто
заменяют атрибутом http – equiv. Он используется сервером для создания
дополнительных полей при выполнении запроса.
Элемент META может содержать URL.
Шаблон атрибута таков:
URL = “http: //
адрес”
< BODY></body>Этот элемент заключает в себе гипертекст,
который определяет собственно Web – страницу. Конечный тег этого элемента надо
искать в конце HTML-файла. Внутри элемента BODY можно использовать
все элементы, предназначенные для дизайна Web-страницы. Внутри начального тега элемента BODY
можно расположить ряд атрибутов, обеспечивающих установки для всей страницы
целиком.
Атрибут, определяющий фон страницы, является
одним из самых важных для дизайна.
background = “Путь к файлу”
Более простое оформление фона сводится к
заданию его цвета:
bgcolor
= “#RRGGBB”
Цвета фона задается тремя двухразрядными
шестнадцатеричными числами, которые определяют интенсивность красного, зеленого
и синего. Оба приведенных выше атрибута не являются альтернативными и часто
используются совместно: если по каким-либо причинам не может быть найден
рисунок фона, используется цвет.
Поскольку фон станицы может изменятся,
необходимо иметь возможность подбирать соответственный цвет текста. Для этого
имеются следующей атрибут:
text
= “# RRGGBB ”
Для задания цвета текста гиперссылок
используются следующие атрибуты:
link
= “# RRGGBB ”
Точно так же можно задать цвет для
просмотренных гиперссылок:
vlink = “# RRGGBB ”
Можно также указать изменение цвета для
последней выбранный пользователем гиперссылки:
Alink = “# RRGGBB ”
В любом языке программирования есть
конструкции, позволяющие создавать произвольные ремарки. HTML в
этом смысле – не исключение. Текст, введений внутри этого элемента,
игнорируется браузером. Эти элементы могут располагаться в любом месте WEB-страницы.
Признаком комментария служит восклицательный знак, а текст комментария должен обрамляться
двойным дефисом. Например:
<!-- Комментарий --!>
< H1><h1>Элемент заголовка. Существует шесть уровней
заголовка, которые обозначаются H1…H6. Заголовок уровня 1 самый крупный, а уровень
6 обеспечивает самый маленький заголовок. Для заголовков могут использовать
атрибуты, задающие выравнивание влево, по центру или вправо:
align = “left”
align = “center”
align = “right ”
< HR>Горизонтальная линия – очень часто
используемый элемент. Во-первых, потому что с его помощью очень удобно делить
страницу на части.
Во-вторых, потому что выбор подобных элементов
оформления у автора страницы очень небольшой. Этот элемент не имеет конечного
тега, но допускает ряд атрибутов для выравнивания влево, по центру, вправо, по
ширине:
align = “left”
align = “center”
align = “right ”
align = “ justify ”
Можно задать толщину линии:
Size
= толщина в пикселях
Можно управлять длиной линии:
width = длина в пикселях
width = длина в процентах
Можно выбрать цвет:
color =
“цвет”
< A></a>HTML-документ
может быть очень большим, и в этом случае нужно иметь возможность быстрого
перемещения к нужному разделу документа. Для этого можно использовать механизм
гиперссылок. Необходимо также в нужных местах текста расставить соответствующие
метки. Шаблон для создания меток таков:
<A name = “>Произвольный текст</a>
В данном случае данной строке документа
присваивается имя, и, следовательно, в другой части документа или даже на
другом документе может быть создана гиперссылка, приводящая в эту точку. Для
перехода внутри документа можно использовать следующую конструкцию:
<P>Переход к <A href =
“#метка”>метке</a></p>
Несколько подобных строк могут образовать
своеобразное оглавление Web-страницы, которое можно разместить в начале и
в конце документа.
Читая эту работу, вы, конечно, уже достаточно
много поработали со ссылками и понимаете, что это такое на практике.
Вы поняли, что:
гипертекстовые ссылки среди других элементов
текста выделяются цветом и подчеркиванием;
мышиный курсор на ссылке меняет свою форму и
превращается в указующий перст;
для перехода по ссылке необходимо щелкнуть по
ней мышкой;
для возврата из ссылки необходимо
использовать навигационную кнопку браузера "Назад" ("Back").
Если ссылки образуют вложенную цепочку, то
кнопки "Назад" ("Back") и "Вперед"("Forward")
можно использовать для движения по пройденному ссылочному пути в обе стороны.
Они работают как традиционные операции "откатка" и
"накатка" в большинстве прикладных программ.
В нижеприведенном примере используется
цепочка вложенных ссылок. Совершите небольшое путешествие. Сначала, щелкая
ссылки, доберитесь до текста, в котором ссылок уже нет. Затем, пользуясь
навигационными кнопками браузера, "прогуляйтесь" по пройденному пути
вперед и назад.
Ссылки могут уводить не только в разные
документы, но загружать на экран разные фрагменты одного и того же текста. В
последнем случае навигационные средства браузера работают также.
Для задания гипертекстового перехода внутри
документа используют две команды <A> . Первая команда с атрибутом href является источником перехода, вторая
с атрибутом name --
приемником.
Общий вид программы
...
<A href=#метка>текст</A >
...
...
<A name=метка></A >
...
Задание перехода по метке
На экран выводится ссылка: текст
Метка. Сюда браузер приходит по ссылке.
На экране ничего не отображается.
