html 3

카테고리 없음

html 3

Logan. 2021. 4. 25. 10:24

<a>태그

앵커의 약자이다. 앵커는 닻을 뜻한다. 해당 url에 닻을 내려 이곳에 저장하겠다는 의미.

a 태그에는 두가지 속성이 있다.

herf : 연결될 url주소이다.

target : 어디서 해당 페이지를 열것인가.( 디폴트 값은 현재페이지이다(_self))

_self - 해당 페이지에서 주소가 변경되며 오픈
_blank - 새페이지를 열어서 오픈
_parent - 만약 어떤 A에서 B를 새로 열었습니다. 그런데 B에서 _parent로 창을 열면 A에서 열리게 된다.
_top - 만약 A에서 B로 B에서 C로가서 targer_top이 적용된걸 누르면 A에서 새창이열린다.

<a href="https://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

#map

map은 특정 구역을 정해서 a태그로 닻을 내리는 행위이다.

영역은 rect(사각형) poly(다각형) circle(원) 같은 모양들로 구역을 정할 수 있다.

좌표를 찍는 속성은 coords : 이다.

사각형과 다각형의 좌표는 왼쪽부터 오른쪽으로 찍어야한다.

원은 조금다르다. 중점의 xy좌표를 찍고 반지름을 설정해준다.

<!DOCTYPE html>
<html>
<body>

<h2>Image Maps</h2>
<p>Click on the computer, the phone, or the cup of coffee to go to a new page and read more about the topic:</p>

<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">

<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
  <area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
  <area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>

</body>
</html>