◆ 질문 : Html 공부 중인데요, 이미지에 링크를 걸려면 어떻게 해야하죠?
◆ 답변 : 첫째 이미지를 삽입하는 방법을 알아야 겠죠. 아래 포스팅을 읽어보세요
→ http://meaningone.tistory.com/39
◆ 질문 : 아 img태그와 src속성을 사용하면 되는군요. 그다음엔 어떻게 해야하나요?
◆ 답변 : 둘째 링크 거는 법을 알아야 합니다. 아래 포스팅을 읽어보세요.
→ http://meaningone.tistory.com/75
◆ 질문 : 아 a태그와 href속성을 이용하는 군요. 이제 이미지 삽입과 링크 거는 법을 알았는데, 이 두가지를 이용하여 이미지에 링크 걸기를 하는 것 같은데 어떻게 코딩해야 하나요?
◆ 답변 : 두 가지를 알고 있다면, 매우 간단합니다. 손가락 이미지에 네이버 첫 페이지를 링크 를 걸어 볼까요
제 컴퓨터를 기준으로 설명하겠습니다.
1. 제 컴퓨터에서 손가락 이미지(finger.png)의 파일 위치는
C:\Users\city\Pictures\finger.png 입니다.
2. 손가락 이미지를 삽입하는 코딩
<img src="C:\Users\city\Pictures\finger.png"/>
3. 네이버 첫 페이지의 URL은
http://www.naver.com
3. 네이버 첫 페이지를 링크 거는 코딩
<a href="http://www.naver.com"> </a>
4. 위 두가지 코딩을 합체!
<a href="http://www.naver.com"><img src="C:\Users\city\Pictures\finger.png"/></a>
5. Html 코딩과 결과물은 아래와 같습니다.
=== Html 코딩 ===
<!DOCTYPE html>
<html>
<head>
<title>이미지 링크 걸기</title>
</head>
<body>
<a href="http://www.naver.com"><img src="C:\Users\city\Pictures\finger.png"/></a>
<p>위에 있는 손가락을 클릭하면 네이버로 이동합니다.</p>
</body>
</html>
=== 결과물 ===
