HTML의 태그 사용에 대한 자세한 설명

1, 영역 태그: 이미지 map에서 작업 영역을 구분합니다. 이 태그를 통해 이미지 맵에 작업 영역(핫스팟이라고도 함)을 설정할 수 있으므로 사용자가 마우스를 지정된 위치로 이동할 수 있습니다. 작업 영역을 클릭하고 자동으로 위치 지정을 위한 사전 설정 페이지로 연결됩니다.
2, Area> 태그: 나누는 영역은 이미지 맵의 영역 내에 있어야 하므로 03fc64e1e502d5ba947b3a9af06d2d2a 태그를 사용하여 영역을 나누기 전에 다른 HTML 태그인 dab9f699790ab0922e596ecb9f6677d5 이미지 맵의 효과 영역을 지정하고 지정된 이미지 맵의 이름을 설정합니다.

기본 구문 구조는 다음과 같습니다.

<area    
class=type    
id＝Value     
href＝url     
alt＝text     
shape＝area-shape     
coods＝value>

shape 및 coords: 핫스팟의 모양과 크기를 설정하는 데 사용되는 두 가지 주요 매개변수입니다. 기본 사용법은 다음과 같습니다.

<area shape="rect" coords="x1, y1,x2,y2" href=url>表示设定热点的形状为矩形，左上角顶点坐标为（X1,y1），右下角顶点坐标为（X2,y2）。
<area shape="circle" coords="x1, y1,r" href=url>表示设定热点的形状为圆形，圆心坐标为（X1,y1），半径为r。
<area shape="poligon" coords="x1, y1,x2,y2 ......" href=url>表示设定热点的形状为多边形，各顶点坐标依次为（X1,y1）、（X2,y2）、（x3,y3） ......。

03fc64e1e502d5ba947b3a9af06d2d2a 표시는 이미지 맵에서 동작 영역을 나누는 데 사용되므로, 나누는 동작 영역은 이미지 맵의 영역 내에 있어야 합니다. 이므로 영역을 나누기 위해 03fc64e1e502d5ba947b3a9af06d2d2a 태그를 사용하기 전에 사용해야 합니다. 또 다른 HTML 태그인 dab9f699790ab0922e596ecb9f6677d5은 이미지 맵의 범위를 설정하고 지정된 이미지 맵의 이름을 설정하는 데 사용됩니다. 태그는 매우 간단합니다. 즉 26393ed51c8fd1ed33c701c04870eefb .. .... 205a5be6c2444442266d3019416bb37a입니다.

다음은 이 두 태그의 사용법을 보여주는 예입니다.

여기에 새 책장의 사진이 있습니다. 효과는 다음과 같습니다. 책 "웹사이트 디렉토리"를 마우스로 클릭하면 새 창이 열립니다. , 이 책에 대한 소개 및 주문 웹페이지(urlall.htm)가 표시됩니다. 책 "웹사이트 디자인 가이드"를 마우스로 클릭하면 이에 대한

소개

및 주문 웹페이지가 표시되는 새 창이 열립니다. 책(urlall.htm) siteall.htm), 책 "웹 페이지 기술 백과사전"을 마우스로 클릭하면 책 소개와 주문 웹 페이지(pagejqlall.htm)가 표시되는 새 창이 열립니다. 제작 방법: 이미지를 삽입하고, 이미지의 관련 매개변수를 설정하고, a1f02c36ba31691bcfe87b2722de723b 태그에 usemap="newbook" ismap 매개변수를 설정하여

이미지 맵(새책)에 대한 참조

를 나타냅니다. dab9f699790ab0922e596ecb9f6677d5 표시를 ​​사용하여 이미지 맵의 효과 영역을 설정하고 이름을 newbook으로 지정합니다.

03fc64e1e502d5ba947b3a9af06d2d2a 표시를 ​​사용하여 세 권의 책 위치에 대해 세 개의 직사각형 작업 영역을 나눕니다. 링크 매개변수 href 를 설정합니다.

1    <img src="image/htmlp3.gif" width="207" height="148" alt="新书架" hspace="10" align="left" usemap="#newbook" border="0">     
2    <map name="newbook">     
3    <area shape="rect" coords="56,69,78,139" href="urlall.htm" target="_blank" alt="这里收集十万多个网址。" title="这里收集十万多个网址。">     
4    <area shape="rect" coords="82,70,103,136" href="siteall.htm" target="_blank" alt="网站设计师的启蒙读本。" title="网站设计师的启蒙读本。">     
5    <area shape="rect" coords="106,68,128,136" href="pageall.htm" target="_blank" alt="网页制作者不可不读的书。" title="网页制作者不可不读的书。">     
6    </map>

이 글에 소개된 효과를 만들 때 주의해야 할 사항은 다음과 같습니다.

a1f02c36ba31691bcfe87b2722de723b 태그에 usemap 및 ismap 매개변수를 설정하는 것을 잊지 마세요. usemap의 매개변수 값은 동일해야 합니다. dab9f699790ab0922e596ecb9f6677d5 태그의 이름 매개변수 값, 즉 "이미지 맵 이름"은 일관성이 있어야 합니다.

동일한 "이미지 맵"의 모든 핫스팟 영역은 이미지 맵의 범위 내에 있어야 합니다. 즉, 모든 03fc64e1e502d5ba947b3a9af06d2d2a 태그는 dab9f699790ab0922e596ecb9f6677d5과 205a5be6c2444442266d3019416bb37a 사이에 있어야 합니다.

03fc64e1e502d5ba947b3a9af06d2d2a 태그의 코드 매개변수로 설정된 좌표 형식은 다음과 같이 설정한 작업 영역의 모양과 일치해야 합니다. 모양 매개변수를 사용하여 모양 매개변수로 설정한 직사각형 동작 영역에는 나타나지 않는 반면, 코드에서는 다각형 영역의 꼭지점 좌표가 에 설정되는 현상이 나타납니다.

위 내용은 HTML의 태그 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!