HTML_3 (1071230), страница 2

Файл №1071230 HTML_3 (Методические материалы к лабораторным работам 1, 2) 2 страницаHTML_3 (1071230) страница 22017-12-28СтудИзба
Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 2)

Обозначает, что с этой областью гиперссылка не связана. (Не используется совместно с href).

Возможно также использование атрибутов alt и title. Содержимое обоих атрибутов отображается как всплывающая подсказка. Атрибут alt может использоваться текстовыми броузерами для создания текстовых ссылок вместо графической навигационной карты.

Если несколько областей AREA перекрываются, то приоритет имеет первый элемент AREA.

Возможно использование одной навигационной карты с различными изображениями.

-----------------

<IMG src=image.gif height=200 width=200 usemap=#map1>

<MAP name="map1">

<AREA href="1.html" shape="rect" coords="0,0,50,40" alt="Прямоугольник 0,0 - 50,40">

<AREA href="2.html" shape="circle" coords="150,50,50" alt="Окружность с центром 150,50 и радиусом 50">

<AREA href="3.html" shape="poly" coords="100,100,150,100,190,190" alt="Треугольник 100,100 - 150,100 - 190,190">

<AREA href="4.html" shape="default" coords="0,0,200,200" alt="Основная часть изображения">

</MAP>

------------------

<!-- Гиперссылка в виде кольца -->

<IMG src=image.gif height=200 width=200 usemap=#map1>

<MAP name="map1">

<AREA nohref shape="circle" coords="100,100,50" alt="Нет гиперссылки">

<AREA href="1.html" shape="circle" coords="100,100,100" alt="Гиперссылка">

</MAP>

-----------------

Как правило, клиентские навигационные карты создают с помощью специальных программ, которые автоматически генерируют координаты для элементов AREA. Например Microsoft FrontPage (hotspot).

Серверные навигационные карты.

Серверные навигационные карты, как правило, используются в случае сложных карт.

Чтобы создать серверную навигационную карту, необходимо включить элементов IMG в элемент A. Для элемента IMG должен быть установлен логический атрибут ismap.

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

Пример:

<A href="http://iu5.bmstu.ru/script.asp">

<IMG src=image.gif height=400 width=400 ismap>

</A>

Координаты передаются на сервер следующим образом. Броузер получает адрес URI из атрибута href элемента A и добавляет ’?’, за которым следуют координаты x и y, разделенные запятой.

Если пользователь производит щелчок по точке с координатами x=333, y=333, то происходит обращение по следующему URI: http://iu5.bmstu.ru/script.asp?333,333

Обработка координат целиком возлагается на серверный сценарий.

Элементы OBJECT, APPLET, EMBED, VIDEO.

Спецификация HTML 4.0 предписывает для вставки изображений и других объектов использовать элемент OBJECT. К сожалению IE не поддерживает данную возможность.

Пример (не работает в IE):

<OBJECT data="TheEarth.mpeg" type="application/mpeg">

<OBJECT data="TheEarth.gif" type="image/gif">

Вид <B>Земли</B> из космоса.

</OBJECT>

</OBJECT>

Элемент OBJECT предусматривает возможность альтернативной генерации объектов. Если броузер не может сгенерировать внешний объект, то он пытается сгенерировать содержимое, которое может быть другим объектом.

В данном примере броузер должен показать видеоизображение Земли. Если видео не найдено, или броузер не может показывать видео, то он должен показать изображение в формате GIF. Если и это не получится, то броузер должен отобразить текст. К сожалению данный пример не работает в IE.

На сегодняшний день элемент OBJECT используется для вставки компонентов ActiveX (например Flash-анимаций) и Java-апплетов.

Для вставки Java-апплетов также используется элемент APPLET (не поддерживается в HTML5).

Для задания параметров объекта могут использоваться элементы PARAM, вложенные в OBJECT.

Пример: flash

<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="100"

HEIGHT="100" CODEBASE="http://active.macromedia.com/flash6/cabs/

swflash.cab#version=6,0,0,0">

<PARAM NAME="MOVIE" VALUE="moviename.swf">

<PARAM NAME="PLAY" VALUE="true">

<PARAM NAME="LOOP" VALUE="true">

<PARAM NAME="QUALITY" VALUE="high">

</OBJECT>

<EMBED SRC="moviename.swf" WIDTH="100" HEIGHT="100" PLAY="true"

LOOP="true" QUALITY="high"

PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">

</EMBED>

Элемент VIDEO используется для вставки видеофрагментов.

Атрибуты такие же как в элементе AUDIO, есть еще атрибуты для задания ширины и высоты: width = ширина (в пикселах или %) height = высота (в пикселах или %)

<video src="1.wmv" controls="controls">
Браузер не поддерживает элемент video
</video>
-----------------------------------------------------------------------------------------------------

5. Группировка элементов: элементы DIV и SPAN

Начальный тег: обязателен, Конечный тег: обязателен

Атрибуты: align( IE 5 поддерживает только у DIV), id, title

Контейнерные элементы DIV и SPAN обеспечивают общий механизм добавления структуры в документы HTML. Определяют информацию уровня блока (DIV) или информацию уровня элемента блока (SPAN). Предполагается, что элементы SPAN могут быть вложены в DIV, хотя это не обязательно. DIV также может быть вложен в DIV.

Предполагается, что DIV должен быть отдельным блоком, а SPAN является inline-элементом.

Сами элементы визуально не отображаются (отображается только их содержимое). Элементы часто используются совместно с таблицами стилей, сценариями на JavaScript, могут использоваться как конечный якорь гиперссылки с атрибутом id.

Пример:

<DIV align=center title=блок>

<P>1

<DIV align=right title="вложенный блок">2</DIV>

<P>3

</DIV>

Характеристики

Тип файла
Документ
Размер
108,73 Kb
Тип материала
Высшее учебное заведение

Список файлов лабораторной работы

Методические материалы к лабораторным работам 1, 2
html_forms
html4
forms
DEFAULT.CSS
forms.html
html5
forms_files
W3C-WD.css
link-fixup.js
style.css
forms.html
html5_form_attributes.asp.htm
html5_form_elements.asp.htm
html5_form_input_types.asp.htm
form_example.html
html
Свежие статьи
Популярно сейчас
А знаете ли Вы, что из года в год задания практически не меняются? Математика, преподаваемая в учебных заведениях, никак не менялась минимум 30 лет. Найдите нужный учебный материал на СтудИзбе!
Ответы на популярные вопросы
Да! Наши авторы собирают и выкладывают те работы, которые сдаются в Вашем учебном заведении ежегодно и уже проверены преподавателями.
Да! У нас любой человек может выложить любую учебную работу и зарабатывать на её продажах! Но каждый учебный материал публикуется только после тщательной проверки администрацией.
Вернём деньги! А если быть более точными, то автору даётся немного времени на исправление, а если не исправит или выйдет время, то вернём деньги в полном объёме!
Да! На равне с готовыми студенческими работами у нас продаются услуги. Цены на услуги видны сразу, то есть Вам нужно только указать параметры и сразу можно оплачивать.
Отзывы студентов
Ставлю 10/10
Все нравится, очень удобный сайт, помогает в учебе. Кроме этого, можно заработать самому, выставляя готовые учебные материалы на продажу здесь. Рейтинги и отзывы на преподавателей очень помогают сориентироваться в начале нового семестра. Спасибо за такую функцию. Ставлю максимальную оценку.
Лучшая платформа для успешной сдачи сессии
Познакомился со СтудИзбой благодаря своему другу, очень нравится интерфейс, количество доступных файлов, цена, в общем, все прекрасно. Даже сам продаю какие-то свои работы.
Студизба ван лав ❤
Очень офигенный сайт для студентов. Много полезных учебных материалов. Пользуюсь студизбой с октября 2021 года. Серьёзных нареканий нет. Хотелось бы, что бы ввели подписочную модель и сделали материалы дешевле 300 рублей в рамках подписки бесплатными.
Отличный сайт
Лично меня всё устраивает - и покупка, и продажа; и цены, и возможность предпросмотра куска файла, и обилие бесплатных файлов (в подборках по авторам, читай, ВУЗам и факультетам). Есть определённые баги, но всё решаемо, да и администраторы реагируют в течение суток.
Маленький отзыв о большом помощнике!
Студизба спасает в те моменты, когда сроки горят, а работ накопилось достаточно. Довольно удобный сайт с простой навигацией и огромным количеством материалов.
Студ. Изба как крупнейший сборник работ для студентов
Тут дофига бывает всего полезного. Печально, что бывают предметы по которым даже одного бесплатного решения нет, но это скорее вопрос к студентам. В остальном всё здорово.
Спасательный островок
Если уже не успеваешь разобраться или застрял на каком-то задание поможет тебе быстро и недорого решить твою проблему.
Всё и так отлично
Всё очень удобно. Особенно круто, что есть система бонусов и можно выводить остатки денег. Очень много качественных бесплатных файлов.
Отзыв о системе "Студизба"
Отличная платформа для распространения работ, востребованных студентами. Хорошо налаженная и качественная работа сайта, огромная база заданий и аудитория.
Отличный помощник
Отличный сайт с кучей полезных файлов, позволяющий найти много методичек / учебников / отзывов о вузах и преподователях.
Отлично помогает студентам в любой момент для решения трудных и незамедлительных задач
Хотелось бы больше конкретной информации о преподавателях. А так в принципе хороший сайт, всегда им пользуюсь и ни разу не было желания прекратить. Хороший сайт для помощи студентам, удобный и приятный интерфейс. Из недостатков можно выделить только отсутствия небольшого количества файлов.
Спасибо за шикарный сайт
Великолепный сайт на котором студент за не большие деньги может найти помощь с дз, проектами курсовыми, лабораторными, а также узнать отзывы на преподавателей и бесплатно скачать пособия.
Популярные преподаватели
Добавляйте материалы
и зарабатывайте!
Продажи идут автоматически
6392
Авторов
на СтудИзбе
307
Средний доход
с одного платного файла
Обучение Подробнее