중첩 anchor 태그을 사용해서 그림을 클릭했을 때 사이트로 이동시키기

그림을 눌렀을 때 다른 웹 사이트로 이동하는 방법에 대해서 알아보도록 하겠습니다.

이 때는 중첩 a태그를 사용해서 구현을 할 수가 있습니다.

<a href="https://naver.com"> <img src="naver로고 URL" alt="네이버 로고" > </a>

a태그 안에 img 태그를 넣음으로써 img태그를 눌렀을 때 naver 사이트로 이동하는 코드입니다.

이때는 마우스가 그림위에 있을 때 클릭 버튼으로 바뀝니다.

또한 a태그가 다른 태그안에 들어갈 수가 있습니다.

<p><a href="https://naver.com">여기</a>를 클릭하면, 네이버로 이동</p> 위 사례처럼 p태그 안에 a태그를 넣음으로써 특별히 강조할 수가 있습니다.