HTML CSS Reference/HTML Attributes Reference/coords — различия между версиями

Материал из Web эксперт
Перейти к: навигация, поиск
м (1 версия)
 
м (1 версия)
 
(нет различий)

Текущая версия на 08:20, 26 мая 2010

"coords" Example

    
<HTML>
<head><Title>Example For coords</Title></head>
<BODY>
<img src="http://www.wbex.ru/style/logo.png" 
     alt="http://www.wbex.ru" 
     width=300 
     height=100 usemap="#myMap">
     <map name="myMap">
     <area shape="rect" 
           coords="0, 0, 100, 50" 
           href="http://www.wbex.ru">
     <area shape="rect" 
           coords="100, 0, 200, 50" 
           href="http://www.google.ru">
     <area shape="rect" 
           coords="200, 0, 300, 50" 
           href="http://www.wbex.ru">
     <area shape="rect" 
           coords="0, 50, 100, 100" 
           href="http://www.msn.ru">
     </map>
</BODY>
</HTML>



coords is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<a> (IE6 only)                  <area>                        |
+----------------+--------------------------------------------------------------+



"coords" Syntax and Note

Note:
    
This attribute sets the coordinates of an <a> or <area> element. 
It is used in conjunction with the shape attribute. 
The shape attribute determines the shape of the object.
The coords attribute determines the size of the shape.
Syntax for a circle shape, 
<element shape="circ" coords="x, y, r"> . . . </element>
x and y are coordinates for the center
r represents the radius:
Syntax for a rectangle shape
<element shape="rect" coords="x1, y1, x2, y2"> . . . </element>
x1 and y1 are the top-left corner coordinates
x2 and y2 represent the bottom-right corner coordinates:

Syntax for a polygon shape
<element shape="poly" coords="x1, y1, x2, y2, . . . xn, yn"> . . . </element>
Each x and y pair represents the coordinates of a vertex in the polygon.
The origin for each coordinate is the upper-left corner. 
The x coordinate increases toward the right.
y coordinate increases toward the bottom.
    
Syntax:
Источник — «http://wbex.ru/index.php?title=HTML_CSS_Reference/HTML_Attributes_Reference/coords&oldid=6785»