티스토리 뷰

부산 ITWILL 학원 실습/Web

a 태그로 링크 걸기

김뽀삐. 2018. 8. 14. 10:46
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<html>
    <head>
        <title>a 태그로 링크 걸기</title>
    </head>
    <body>
        <hr>
            <h1>a 태그로 링크 걸기</h1>
            <a href="이동할 곳의 경로나 주소"> 링크 걸릴 컨텐츠 </a>
        <hr>
 
        <h2>절대경로로 링크 걸기</h2>
        <a href="https://daum.net">다음으로 이동</a><br>
        <a href="http://www.itwillbs.co.kr">아이티윌 부산교육센터</a>
 
        <h2>상대경로로 링크 걸기</h2>
        <h3>html 문서로 이동</h3>
        <a href="test01.htm">html 수업 - 1</a> <br>
        <a href="test02.htm">html 수업 - 2</a> <br>
        <a href="test03.htm">html 수업 - 3</a> <br>
        <a href="test04.htm">html 수업 - 4</a> <br>
        <a href="test05.htm">html 수업 - 5</a> <br>
        <a href="test06.htm">html 수업 - 6</a> <br>
 
        <h3>이미지로 이동</h3>
        <a href="img/tree.jpg">tree.jpg</a> <br>
        <a href="img/message-in-a-bottle.jpg">message.jpg</a> <br>
 
        <h3>압축파일로 이동</h3>
        <p>
            웹브라우가 처리할 수 없는 파일인 경우<br>
            링크를 걸면 다운로드가 된다.
        </p>
        <a href="img.zip">img.zip</a>
 
        <hr>
        <h2>이미지에 링크 걸기</h2>
        <a href="https://daum.net"><img src="img/daum_logo.png" alter="다음 로고" width="100px"
            title="다음으로"></a> <br>
        <a href="http://www.itwillbs.co.kr"><img src="img/itwill_logo.png"
            alter="아이티윌 부산교육센터 로고" title="아이티윌 부산으로"></a>
 
        <hr>
        <h2>다른 문서의 특정한 곳으로 링크 걸기</h2>
        <a href="test08.htm#ph5" target="_blank">test08.htm 문서의 5번째 이미지 보기</a>
 
        <hr>
        <h2>target 속성으로 새 탭에 링크 걸기</h2>
        <a href="https://daum.net" target="_blank">다음으로</a> <br>
        <a href="https://naver.com" target="_blank">네이버로</a>
        <hr>
 
        <h3>target 속성의 속성값들</h3>
        <p>
            _self : 기본값. 현재 링크 소스가 있던 자리에 열어준다.<br>
            <b>_blank : 링크를 새 탭에 열어준다.</b><br>
            _top : 프레임 구조의 문서인 경우 프레임으로 나뉘지 않고 링크를 하나의 창에 열어준다.<br>
            _parent : 한 단계 상위(부모) 창에 링크를 열어준다.<br>
        </p>
    </body>
</html>
cs





 



저작자표시 비영리 변경금지

'부산 ITWILL 학원 실습 > Web' 카테고리의 다른 글

a 태그로 페이지 안에서 이동하는 링크  (0) 2018.08.14
이미지와 경로  (0) 2018.08.14
연습해보기 - 소스  (0) 2018.08.14
연습해보기  (0) 2018.08.14
form-2  (0) 2018.08.13
공지사항
최근에 올라온 글
링크
Total
Today
Yesterday