Создание простейшей Web страницы

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

Лабораторная работа

Содержание 2.Специальные элементы уровня текста Тек-Сквер 545 - рай для хакера 2.2. IMG – изображения Src - Обязательный атрибут. Указывает путь к изображению - файлу формата GIF, JPEG или PNG. Alt Usemap - Используется для присвоения идентификатора фрагменту изображения-карты, определенного элементом MAP. Ismap Пример использования ISMAP 2.3. APPLET (Java-апплеты) Color - Устанавливает цвет шрифта. Цвета устанавливаются в шестнадцатиричной нотации RGB. 2.5. BASEFONT Shape=rect coords="0, 0, 50%, 100%"

Подобный материал:

• Ё лаб №8 Создание простейшей Web-страницы, 55.8kb.
• План занятий Web взгляд изнутри. Вводная часть в курс. Web-страницы, web-сайты, web, 11.42kb.
• Моу сош №18 г. Новотроицк, моу сош, 95.86kb.
• Программа для просмотра web-страниц, которая преобразует тэги html-документа в соответствующее, 47.68kb.
• Сценарий занятия «html-проектирование: Достопримечательности Мурманской области», 72.96kb.
• Концепция www 4 Создание Web-страницы с помощью языка html 6 1 Язык html 6 Структура, 214.3kb.
• Концепция www 4 Создание Web-страницы с помощью языка html 6 1 Язык html 6 Структура, 213.14kb.
• Концепция www 5 Создание Web-страницы с помощью языка html 7 1 Язык html 7 Структура, 217.81kb.
• «Создание и использование таблиц на Web-страницах», 223.42kb.
• Тема урока: Создание Web страниц с помощью html, 39.83kb.

2.Специальные элементы уровня текста

2.1.Элемент A (анкер)

Анкеры не могут находиться один внутри другого. Открывающая и закрываюшая метки обязательны. Анкеры используются для определения гипертекстовых ссылок, например,

Путь к с частью , а также конкретных точек внутри документа, на которые могут указывать гипертекстовые ссылки, например,

Тек-Сквер 545 - рай для хакера

.

Name - Строка, определяющая имя анкера. Имена анкеров в одном документе не должны повторяться.

Href - Указывает адрес ресурса, на который будет производиться переход по гипертекстовой ссылке. Это может быть другой HTML-документ, PDF-файл, изображение и т.п.

Title - Указывает наименование ресурса, на который сделана ссылка.

2.2. IMG – изображения

Используется для вставки изображений. Закрывающая метка запрещена. Изображения можно либо выравнивать вертикально по отношению к текущей строке, либо выравнивать по правому или левому полю. Информацию об управлении потоком текста можно найти в разделе, описывающем атрибут CLEAR метки BR.



Для элементов IMG допустимы следующие атрибуты:

Src - Обязательный атрибут. Указывает путь к изображению - файлу формата GIF, JPEG или PNG.

Alt - Содержит текстовое описание изображения, очень важное для совместимости с речевыми и текстовыми браузерами.

Align - Устанавливает позиционирование изображения по отношению к текущей строке:

align=top (Выравнивает верхний край изображения по верхнему краю текущей строки).

align=middle (Выравнивает центр изображения по базовой линии текущей строки).

align=left (Выравнивает изображение по левому полю. Текст, следующий за изображением, "обтекает" изображение справа).

Обратите внимание: некоторые браузеры не обеспечивают адекватного показа документов, в которых содержится несколько изображений, выравненных по левому или правому краю. В результате авторы не могут быть уверены, что документ, содержащий такие изображения, будет выглядеть одинаково на разных браузерах.

Width - Указывает предполагаемую ширину изображения в пикселах. При указании высоты позволяет браузеру зарезервировать место на экране до того, как изображение будет передано по сети.

Height - Указывает предполагаемую выстоу изображения в пикселах. При указании ширины позволяет браузеру зарезервировать место на экране до того, как изображение будет передано по сети.

Border - Когда элемент IMG входит в состав гипертекстовой ссылки, бруазер, как правило, показывает это отрисовкой цветной окантовки вокруг изображения. Этот атрибут устанавливает ширину окантовки в пикселах. Чтобы отменить окантовку, можно использовать атрибут border=0. Разработчикам браузеров рекомендуется вводить дополнительные средства, которые показывали бы, что изображение является ссылкой, например, изменение формы курсора мыши при его прохождении над изображением.

Hspace - Используется для указания ширины поля слева и справа от изображения. Атрибут HSPACE устанавливает ширину такого поля в пикселах. По умолчанию HSPACE - небольшое положительное число.

Vspace - Используется для указания ширины поля сверху и снизу от изображения. Атрибут VSPACE устанавливает ширину такого поля в пикселах. По умолчанию VSPACE - небольшое положительное число.

Usemap - Используется для присвоения идентификатора фрагменту изображения-карты, определенного элементом MAP.

Ismap - Когда элемент IMG входит в состав гипертекстовой ссылки, атрибут ISMAP служит браузеру указанием передать обработчику координаты точки, на которой пользователь щелкнул мышью. Такой механизм вызывает проблемы у текстовых и речевых браузеров. Рекомендуется использовать элемент MAP.

Пример использования ISMAP:



Браузер осуществляет переход по ссылке, добавляя к адресу, указанному в атрибуте HREF, знак вопроса (?), координату x, запятую (,) и координату y. Координаты указываются в пикселах. Например, если пользователь указал точку с координатами x=10, y=27, адрес перехода в приведенном выше примере будет: "/cgibin/navbar.map?10,27". Рекомендуется отключать рисование окантовки.

2.3. APPLET (Java-апплеты)

Открывающая и закрывающая метка обязательны. Этот элемент поддерживается всеми браузерами, допускающими работу с Java. Элемент позволяет встроить Java-апплет в HTML-документ. APPLET передает апплету переметры с помощью элементов Param. После элементов PARAM содержимое элемента APPLET должно представлять альтернативу апплету для браузеров, не поддерживающих Java. Допускаются только элементы уровня текста, определенные объектом text в определении типа документа (DTD). Java-совместимые браузеры игнорируют этот дополнительный HTML-текст. Это можно использовать, чтобы показать изображение работающего апплета и текст, объясняющий назначение апплета. Кроме того, в этом разделе можно поместить ссылки на страницу, более информативную для браузера, не поддерживающего Java, или текст, высмеивающий пользователя за использование браузера, несовместимого с Java.

Вот простой пример Java-апплета:



Java-апплет, рисующий всплывающие пузырьки.



Еще один пример, на сей раз с использованием элемента PARAM:






Java-апплет, проигрывающий приветственный звук.



Codebase = базовый адрес.

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

Code = файл апплета.

Этот обязательный атрибут указывает имя файла, в котором находится откомпилированный подкласс Applet. Имя файла должно быть указано относительно базового адреса. Его нельзя указывать как абсолютный адрес.

Name = имя экземпляра апплета.

Этот необязательный атрибут присваивает имя данному экземпляру апплета, что позволяет апплетам, находящимся на одной и той же странице, отыскивать друг друга и обмениваться информацией.

Width = число пикселов.

Height = число пикселов.

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

Align = выравнивание,

Этот атрибут устанавливает выравнивание апплета. Допустимые значения: top, middle, bottom, left и right. По умолчанию принято bottom.

Vspace = число пикселов,

Hspace = число пикселов,

Эти необязательные атрибуты устанавливают верхнее и нижнее (VSPACE) и правое и левое (HSPACE) поля вокруг апплета. Браузеры показывают их аналогично атрибутам VSPACE и HSPACE элемента IMG .

Элемент PARAM используется для передачи параметров апплету:




Элементы PARAM - единственный способ указать параметры, присущие только конкретному апплету. Апплеты считывают переданные пользователям значения с помощью метода getParameter().

Name = имя параметра,

Value = значение параметра.

Символьные объекты SGML (é, ¹ и т.п.) передаются апплету в "длинном" виде. При необходимости передать апплету символ & можно воспользоваться объектом &.

Обратите внимание: элементы PARAM следует помещать в начале элемента APPLET element. Это требование не включено в определение типа документа (DTD) в связи с техническими особенностями моделей смешанного содержания в SGML.

2.4. FONT

FONT - Открывающая и закрывающая метки обязательны. Позволяет изменить размер и/или цвет текста. Атрибуты: SIZE и COLOR. Размеры шрифта даются в условных единицах без прямой привязки к фактическому размеру шрифта. Элемент FONT может быть упразднен в будущих версиях HTML.

Size - Устанавливает размер шрифта внутри элемента FONT. Размер устанавливается цифрой от 1 до 7 или относительно текущего размера с использованием целого числа со знаком, например, size="+1" или size="-2".

Color - Устанавливает цвет шрифта. Цвета устанавливаются в шестнадцатиричной нотации RGB.

2.5. BASEFONT

BASEFONT - Используется для установки базового размера шрифта. Закрывающая метка запрещена. Атрибут SIZE - целое число от 1 до 7. Базовый размер шрифта используется для нормального и предварительно форматированного текста, но не для заголовков, за исключением случаев, когда заголовки модифицируются с использованием элемента FONT с относительным размером шрифта.

2.6.BR

BR - Используется для разрыва строки. Закрывающая метка запрещена. Атрибут CLEAR используется для перемещения ниже изображений, выравненных по правому или левому полю.
переводит текст ниже изображений, выравненных по левому полю,
делает то же самое для изображений, выравненных по правому полю,
переводит текст независимо от выравнивания изображений.


2.7. MAP


MAP - Элемент MAP позволяет создавать изображения-карты (image maps). Открывающая и закрывающая метки обязательны. Внутри элемента MAP находится один или более элементов AREA, которые определяют "горячие" области на указанном изображении и связывают эти области с адресами ресурсов.

Вот простой пример средства навигации:















Элемент MAP включает единственный атрибут NAME, определяющий имя карты. Имя используется атрибутом USEMAP элемента IMG. Обратите внимание: значение атрибута NAME чувствительно к регистру.

В элементе AREA запрещена закрывающая метка. Возможные атрибуты: SHAPE, COORDS, HREF, NOHREF и ALT. Атрибуты SHAPE и COORDS определяют области на изображении. Если атрибут SHAPE опущен, предполагается SHAPE="RECT".

shape=rect coords="лево-x, верх-y, право-x, низ-y"

shape=circle coords="центр-x, центр-y, радиус"

shape=poly coords=" x₁,y₁, x₂,y₂, x₃,y₃, ..."

Координаты x и y измеряются в пикселах от левого верхнего угла изображения. Если значения x и y даны в процентах, они интерпретируются как проценты ширины и высоты изображения. Пример:

SHAPE=RECT COORDS="0, 0, 50%, 100%"

Атрибут HREF указывает адрес перехода по гипертекстовой ссылке. Атрибут NOHREF используется, когда необходимо определить область, которая не является "горячей". Это полезно, когда необходимо "прорезать дыру" в "горячей" области.

Если две или более области перекрываются, регион, определенный первым, имеет преимущество. Это означает, что элементы AREA с атрибутом NOHREF следует помещать перед элементами с атрибутом HREF.

Атрибут ALT используется для определения текстовых меток, которые могут использоваться для показа в строке статуса при прохождении курсора мыши над соответствующей областью или для создания текстового меню браузерами, не поддерживающими графику. Авторам настоятельно рекомендуется использовать информативные атрибуты ALT, чтобы поддержать совместимость с речевыми или текстовыми браузерами.