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

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

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

<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） ......。

표시는 이미지 맵에서 동작 영역을 나누는 데 사용되므로, 나누는 동작 영역은 이미지 맵의 영역 내에 있어야 합니다. 이므로 영역을 나누기 위해 태그를 사용하기 전에 사용해야 합니다. 또 다른 HTML 태그인

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

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

소개

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

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

를 나타냅니다.

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

1    <img src="/static/imghwm/default1.png"  data-src="image/htmlp3.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" 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>

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

태그에 usemap 및 ismap 매개변수를 설정하는 것을 잊지 마세요. usemap의 매개변수 값은 동일해야 합니다.

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

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

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