다른 문서나 미디어 파일을 연결(Link)시켜주는 것으로, 'anchor(닻)'을 의미합니다.
<a href="웹페이지주소">연걸어</a> 의 형식으로 쓰이며, 'href'는 Hyper와 Reference
라는 요소를 뜻합니다. <a>태그를 이용하여 웹하이트의 URL은 물론, HTML문서, 워드프로세서,
압축파일, 실행파일 등을 모든 종류의 파일로 링크시킬 수 있습니다.
<a href="http://www.naver.com">네이버</a>
<a href="http://www.tistory.com/">티스토리</a>
처럼 <a href=" 연결할 웹페이지 주소 "> 나타낼 문자 </a>
이렇게 넣는거죠<<
<a href="http://www.naver.com" target="_blank"> <font color="0000cc"> 네이버 바로가기 </font> </a>
조금 나중에가서 쓰일 태그인데요<<
" target="_blank"
이거는 일단 생각하면 안됩니다.. ㄷㄷ;
_blank 는 새 창에서 열기입니다..
일단 _blank 는 다른 이름으로... 절대 바꾸지 맙시다...
왜냐...
target 여기에 들어가는건 html 프레임셋 배우고 나서 바꾸는거거든요...
프레임셋에서는 _blank 를 a1 이라거나, name 같이....바꿔주는거거든요;;;
... 아무튼... 프레임셋에 대해서는... 나중에 알려드리겠습니다..
|
종류 |
기능 |
|
target=xxx |
링크시킨 html 문서를 <frameset>의 name으로 붙여준 프레임에서 열 |
|
target=_top |
링크시킨 html 문서를 프레임 구조의 형태를 완전히 벗어나서 Open된 |
|
target=_blank |
링크시킨 html 문서를 기존 프레임 구조의 브라우저는 그대로 놔두고, |
|
target=_parent |
기존의 프레임 구조(frameset)를 완전히 벗어나서, 현재의 프레임구조 |
|
target=_self |
하이퍼링크 시킨 문서를 같은 프레임에서 열게합니다. |
target=xxx 여기.... 일단은 아무것도 바꾸지 맙시다...
프레임셋은 아직 좀 빠르다..?
라는 느낌이드는...
일단은 target=_top, target=_blank, target=_parent, target=_self 이 4가지만 기억해주세요<<
이미지를 클릭하면 링크 바로가기
<a href="http://www.naver.com" target=_blank > <img src=" 이미지 파일 주소 " border="0"> </a>
이 태그를 넣으면 어떻게될까요>??
당연히..
이미지를 클릭하면.. 새창이 열리면서 http://www.naver.com 네이버 홈페이지...여기로 이동하겠죠<<
참고로... border="0" 저번에 배운 이미지 삽입하는 태그, 그리고 이미지의 테두리를 지정하는 태그... 0으로 설정한건데 왜 써놓았냐<< 궁금하신지요<<
..... 이미지를 링크시킬때 테두리가 생깁니다.. 그걸 막기위해서 border="0" 속성을 넣어주는거죠<<<<
이해 되시죠<<???
보너스!!
<a href="http://www.naver.com" target=_blank > <img src=" 이미지 파일 주소 " border="0"> </a>
이렇게 태그를 넣고 이미지를 클릭하면 클릭한 이미지 주변에 검은색으로 점선같은게 생깁니다.
보기 좀 안좋죠<<???
이럴때는.. onfocus="this.blur()" 이 속성을 추가시켜줍니다..
<a href="http://www.naver.com" onfocus="this.blur()" target=_blank > <img src=" 이미지 파일 주소 " border="0"> </a>
이렇게하면 테두리에 나타나던 검은 선들이 사라집니다..
알아도 되고...
안알아도 되는.. 태그 남았습니다..
<a href="mailto:jihansome@naver.com"> 메일보내기 </a>
저에게 메일보내는 태그인데요..
이 태그 사용하시면 아웃룩 익스프레스 (메일보내는프로그램)
이 떠서..
그럭저럭 비추합니다...
그래도..
알아두는게 좋겠죠<<???
<a href="http:// 올린 파일 주소.파일형식 "> 나타낼 문자 </a>
이렇게 링크를 시키면 주소에 있는 파일을 다운받게되죠<<
여기서 알고갑시다...
http:// <<이렇게 주소를 넣은것들 절대 경로라고합니다...
<a href=" 파일주소.파일형식 "> 나타낼 문자 </a>
이렇게 짧게 링크를 걸수도 있는데요..
http:// 를 빼고 주소만 넣은것을 상대경로라고하죠,,
이때 주의점은 나타낼 홈페이지와 같은 공간, 폴더일때만 사용가능합니다..
그리고 홈페이지 만들고나서 출판할수 있을때 사용하는겁니다...
홈페이지를 자주자주 바꾸거나,,,
홈페이지에 올릴수있는 용량이 적을때...
이럴때는 절대경로를 써넣는것이 좋겠죠<<???
그냥 기억해두세요<<<
html 은 바꿔보면서 복습하는게 좋습니다<<
해보면 무지하게...간단한?? 쉬운...태그,,라고해도될듯...,,,,,
http://jihansomez.tistory.com
'html 배우기' 카테고리의 다른 글
| html 배경태그 배우기 (0) | 2008/07/05 |
|---|---|
| html 음악태그 배우기 (0) | 2008/07/02 |
| html 테이블태그 배우기 (0) | 2008/07/02 |
| html 링크 태그 배우기 (0) | 2008/07/02 |
| html 이미지 태그 배우기 (0) | 2008/07/02 |
| html 마퀴태그 배우기 (0) | 2008/07/02 |
| html 문자 크기 바꾸기 (0) | 2008/07/02 |
| html 기본 태그 개념 (0) | 2008/07/01 |
