[- Disclaimer -]
아래 내용은 정보보안 공부 목적으로 작성된 것이나, 이를 토대로 허가되지 않은 대상에 실습을 진행할 경우 해킹 시도로 간주하여 법적 처벌을 받을 수 있음을 알려 드립니다.
<a>
✦ Link
href 속성: 연결할 문서 혹은 URL 주소 지정
절대 경로가 아닌 상대 경로 기재 시 Web Document Directory 기준 파일 찾기
target 속성: 다른 탭 혹은 새창으로 열기
_blank: 새 탭에서 열기
_self: 현재 탭에서 열기 // Default
_parent: Parent 탭에서 열기
_top: 열려있는 최상위 탭에서 열기
<base>, <a>, <area>, <form>의 target 속성에서 name으로 지정된 Frame명 사용 시 해당 Frame에 Link
download 속성: Link한 내용 표시되지 않고 다운
rel: 현재 Link와 Link한 Link 간 문서 관계 명시
hreflang: Link한 문서 언어 지정
type: Link한 문서 파일 유형 표시
title 속성: Link에 Mouse Cursor 올릴 시 Tray Tooltip
Plain Text
복사
<a href="test.jpg">눌러요</a>
Plain Text
복사
<a href="test.jpg">눌러요<img src="hello.jpg"></a>
Plain Text
복사
<a href="http://aapsemiordoenus.tistory.com">눌러요</a>
Plain Text
복사
<a href="http://aapsemiordoenus.tistory.com">
<img src="닐루.png" alt="ㅇㅅㅇ">
</a>
Plain Text
복사
Hyper Link 색
✦ Standard Link (=Link 누르기 전 Blue), Visited Link (=방문 후 Purple), Active Link (=Link 누르는 도중의 색 Red)
✧ CSS 3를 통해 Link 색 지정 가능
<base>
✦ Default URL 지정
✧ Link 연결 시 Base로 지정된 URL을 앞에 붙여 연결
<head>
<base href="http://aapsemiordoenus.tistory.com/"/>
</head>
<body>
<a href="test.jpg" target="_blank">ㅎㅇ</a><br />
</body>
Plain Text
복사
id 속성을 이용하여 Anchor 설정
✦ 문서 내 특정 위치로 이동
<a id="haha"> 이곳 </a> // 목적지 앵커
(...)
<a href="#haha"> 절루 가기 </a> // 시작점 앵커
Plain Text
복사
Mail 주소 Link
mailto:aapsemiordoenus@naver.com // 받는 사람
cc=aapsemiordoenus@naver.com // 참조
bcc=aapsemiordoenus@naver.com // 숨은 참조
subject=hello // 제목 (공백 등은 Encoding된 문자 사용)
body=ㅇㅅㅇ // 본문
? // 첫 번째 구분자
& // 첫 번째 이후 연속 구분자
Plain Text
복사
<a href="mailto:aapsemiordoenus@naver.com">받는 사람</a></br />
<a href="mailto:aapsemiordoenus@naver.com?subject=문의 건">받는 사람, 제목</a></br />
<a href="mailto:aapsemiordoenus@naver.com?cc=l4o4g4i4c@gmail.com&bcc=test@test.com">받는 사람, 참조, 숨은 참조</a></br />
<a href="mailto:aapsemiordoenus@naver.com?cc=l4o4g4i4c@gmail.com&bcc=test@test.com"&subject=문의 건">받는 사람, 참조, 숨은 참조, 제목</a></br />
<a href="mailto:aapsemiordoenus@naver.com?cc=l4o4g4i4c@gmail.com&bcc=test@test.com"&subject=문의 건&body=ㅎㅇ">받는 사람, 참조, 숨은 참조, 제목, 본문</a></br />
<a href="mailto:aapsemiordoenus@naver.com?body=Line1-text%0D%0ALine2-text">받는 사람, 본문 문단</a>
Plain Text
복사