Обучение HTML, Excel, Word. Как сделать свой сайт бесплатно

Microsoft Office

Сайтостроение

HTML

Программинг

Компьютер

Графика

Разное
· Основы Word
· Основы Excel
· Основы VBA
 · Как сделать сайт
· Свой сайт от А до Я
· Оптимизация сайта
· Шаблоны для сайта
· Обзор CMS
 · Основы HTML
· HTML-теги
· Основы CSS
 · Основы PHP
· Основы JavaScript
· Софт для сайта
 · Что внутри ПК
· ПК для чайников
· Все о BIOS
 · Web-графика
· САПР: AutoCAD
 · Статьи
· Форум
· SEO-новости
Главная страница Карта сайта

HTML, Excel, Word, SEO   Основы Html  Карта ссылок документа html

Основы HTML

Книги по HTML
  Справочник HTML-тегов
  Шаблоны для сайтов
  Как раскрутить сайт: шаг за шагом

Учебник HTML (хтмл)

...Старт
...Основные тэги
...Заголовки и комментарии
...Специальные символы
...Форматирование текста ч.1
...Форматирование текста ч.2
...Форматирование текста ч.3
...Создание списков
...Работа с графикой ч.1
...Работа с графикой ч.2
...Работа с графикой ч.3
...Работа с графикой ч.4
...Таблицы ч.1
...Таблицы ч.2
...Таблицы ч.3
...Гиперссылки
...Фреймы
...Что такое формы
...Что такое JavaScript
...Маленькие секреты Вэб-дизайна
...Эффект постепенной прорисовки
...Карта ссылок
...Внутренний лист стилей
...Работа с листами стилей
...Свойства шрифта - font
...Свойства текста
...Свойство фона - background
...Рамки и размеры
...Относительное и абсолютное позиционирование элементов
...Основные мета тэги
...Таблица дескрипторов HTML и их атрибутов
...Таблица свойств css
...Заключительное слово
HTML-редакторы
...Что такое HTML-редактор
...FrontPage 2003
...Adobe GoLive CS
...Macromedia Dreamweaver MX 2004
...HomeSite
...CuteSite Builder
...Namo WebEditor
...CoffeeCup HTML Editor
...1stPage 2000
...Arachnophilia
...HotDog Professional
...CSE HTML Validator Pro
 

«эффекты  ||  язык HTML  ||  внутренний лист css»

Карта ссылок документа html

Карта ссылок - это изображение, разбитое на определенные зоны, каждая из которых представляет собой гиперссылку. После щелчка кнопкой мыши в пределах зоны браузер открывает страницу, отвечающую этой зоне.


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


Прежде чем создавать карту ссылок, надо в графическом редакторе определить координаты крайних точек зон. Зоны могут быть трех типов.
  1. Прямоугольная зона (rect). В этом случае задаются координаты двух точек - левого верхнего угла, правого нижнего угла.
  2. Многоугольник (poly). В этом случае задаются координаты каждой точки многоугольника.
  3. Круг (circle). В этом случае задается координата центра круга и его радиус.

Для создания карты ссылок необходимо вставить нужное изображение с помощью дескриптора <IMG>, затем, при помощи атрибута USEMAP, присвоить ему имя. После этого можно приступить непосредственно к вводу данных при помощи тэга <MAP>.


Дескриптор <AREA> определяет зоны изображения карты ссылок.


Атрибут SHAPE описывает форму зоны карты ссылок.


Атрибут COORDS назначает координаты конкретной зоны. Количество точек в этом атрибуте зависит от формы зон (прямоугольник, круг, многоугольник).


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


Атрибут HREF указывает страницу на которую ведет данная зона карты ссылок.


Ниже представлена простая карта ссылок с исходным кодом. Изображение условно разбито на четыре прямоугольных области.


Северо-восточная часть Австралии Северо-западная часть Австралии Юго-восточная часть Австралии Юго-западная часть Австралии 

<center>
<img src="img/map.jpg" width="132" height="121" 
border="0" usemap="#australia">
</center>

<map name="australia">

<area shape="rect" coords="0,0,68,60" 
href="lsn022_1.html" target="_blank" 
alt="Северо-восточная часть Австралии">

<area shape="rect" coords="68,0,132,60" 
href="lsn022_2.html" target="_blank" 
alt="Северо-западная часть Австралии">

<area shape="rect" coords="0,60,68,120" 
href="lsn022_3.html" target="_blank" 
alt="Юго-восточная часть Австралии">

<area shape="rect" coords="68,60,132,120" 
href="lsn022_4.html" target="_blank" 
alt="Юго-западная часть Австралии">

</map>

top

«эффекты  ||  язык HTML  ||  внутренний лист css»




 

Спасибо, что заглянули на сайт. Надеюсь, Вам понравилось. Заходите еще. Здесь всегда рады вам :)
При копировании материалов, размещенных на сайте, ссылка на первоисточник обязательна.
Если понравился этот сайт..

© 2005-2011
Юрий Кордык All Rights Reserved

  

E-mail:
admin@on-line-teaching.com