HTML/test03.html at main · ksj2001/HTML · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="kr">
<head>
    <meta charset="UTF-8">
    <title>링크와 이미지</title>
</head>
<body>
    <!-- href 참조하고 싶은 주소 입력 -->
    <!-- target의 blank : 새 창으로 열기 -->
    <!-- target의 self : 자기 자신 창으로 열기 -->
    <!-- title : tool tip 메세지 작성 -->
    <a href="http://www.naver.com" target = "_top" title="네이버">네이버</a>
    <a href="http://www.google.com">구글</a>
    <a href="http://www.daum.net">다음</a>

    <!-- img는 이미지를 상대 경로로 가지고 온다. -->
    <!-- src는 이미지 경로를 입력한다. -->
    <!-- alt는 이미지가 오류로 출력되지 않을 때 글로 이미지를 대신 표현한다. -->
    <img src="images/cappuccino.jpg" alt="cappuccino">

    <!-- 이미지와 링크를 연결하는 방법 : a > img -->
    <a href="https://www.starbucks.co.kr"><img src="images/cappuccino.jpg" width = "100" height = "100" alt="starbucks"></a>
</body>
</html>