HTML 4.0 - Area

 

[ ! ]  [ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ I ]  [ K ]  [ L ]  [ M ]  [ N ]  [ O ]  [ P ]  [ Q ]  [ S ]  [ T ]  [ U ]  [ V ]

<AREA>

     Za pomocą tego znacznika możliwe jest zdefiniowanie obszaru mapy bitowej tworzonej po stronie klienta.

 

Atrybuty znacznika:

  • shape = "typ figury" - typ figury określającej mapę: koło (circle), prostokąt (rect), wielokąt (poly)
  • coords = "współrzędne" - współrzędne figury określonej atrybutem shape
  • href = "URI" - adres strony lub miejsca, do których następuje odwołanie
  • accesskey = "litera" - skrót klawiszowy
  • tabindex = "liczba" - kolejność tabulacji
  • name = "tekst" - nazwa elementu
  • alt = "tekst" - tekst alternatywny gdy element nie może być wyświetlony
  • id, class = "tekst" - identyfikator i nazwa klasy zdefiniowanej w stylu
  • lang, dir = "tekst" - język i kierunek wyświetlania tekstu bądź elementu
  • title = "tekst" - tytuł elementu
  • style = "styl" - definicja stylu elementu
  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup = "funkcja skryptu" - definicje reakcji na zdarzenia pochodzące od użytkownika.

 

Cechy znacznika:

  • zabroniony znacznik zamykający

 

Zastosowanie.

Przykład:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
   <META http-equiv="content-type"  content="text/html; charset=iso-8859-2">
   <TITLE>Pierwszy dokument</TITLE>
</HEAD>
<BODY>
   <MAP name="serwisy">
      <AREA href="http://www.interia.pl" alt="Interia.pl" shape="rect" 
      coords="117,26,284,82">
      <AREA href="http://www.o2" alt="Tlen.pl" shape="poly"
      coords="3,36,36,57,113,56,113,86,139,86,140,98, 37,99, 4,112,3,36">
      <AREA href="http://www.wp.pl" alt="Wirtualna Polska" shape="rect"
      coords="99,100,293,148">
      <AREA href="http://www.google.com" alt="Google" shape="rect"
      coords="35,150,210,198">
   </MAP>
   <A>
      <IMG src="szukaj.gif" width="300" height="200" usemap="#serwisy" border="0">
   </A>
</BODY>
</HTML>

[testuj]

  

 

[ ! ]  [ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ I ]  [ K ]  [ L ]  [ M ]  [ N ]  [ O ]  [ P ]  [ Q ]  [ S ]  [ T ]  [ U ]  [ V ]