글
<a href></a>, 새창으로 문서이동하기
HTML
2011. 7. 1. 21:48
안녕하세요? 저번시간에는 선그리기를 배웠죠? 오늘은 본격적으로 링크거는 법에 대해 배워보겠습니다. 링크(LINK)는 영어로 연결하다는 뜻이죠? 말그대로 한문서에서 다른 문서로 연결해주는 태그가 바로 <A HREF="문서경로"></A>입니다. 예를들어 <A HREF="www.naver.com">네이버로이동</A>이렇게 하면 네이버로 이동이 파란색(이건 설정해주기 나름이고 아무설정없이 사용하면 보통 파란색으로 나타납니다.)으로 나타납니다. 그리고 그걸 누르면 네이버로 이동하게되지요. 인터넷을 많이 돌아다니신분들은 특정 글자를 누르니깐 다른 문서로 이동하는 것을 많이 보셨을겁니다. 바로 그런겁니다. 그럼 이것도 예제를 통해서 확인해 볼까요?
예제)
<html>
<head>
<title>링크걸기</title>
</head>
<body>
<a href="http://www.naver.com">네이버로 이동하기</a><br>
<a href="http://www.daum.net">다음으로 이동하기</a>
</body>
</html>
이 예제에서 보듯이 네이버로 이동하기에 href값은 http://www.naver.com입니다. 그러니깐 네이버로 이동하기를 누르면 그 값에 해당하는 URL이라고 하지요 그 사이트로 이동하게 되는거지요. 마찬가지로 다음도 마찬가지고요. 실행해보면
이렇게 나타나죠. 저는 왜 붉은색이냐면 두개의 사이트를 방문한적이 있기때문입니다. 한번 눌린 링크는 이렇게 붉은색으로 나타납니다. 안가본 새사이트라면 파란색으로 나타났겠지요.
이해하셨죠? 위와 같이하면 같은 창에서 바로 네이버나 다음으로 이동하게 됩니다. 그럼 새로운 창으로 띄울려면 어떻게 하면 될까요?
<html>
<head>
<title>링크걸기</title>
</head>
<body>
<a href="http://www.naver.com" target="_blank">네이버로 이동하기</a><br>
<a href="http://www.daum.net" target="_blank">다음으로 이동하기</a>
</body>
</html>
이렇게 target="_blank" 하면 됩니다. 목적지(target)이 빈공간,즉 새창(blank)이다 라는 말이죠.
그럼 오늘은 여기까지 하겠습니다. 감사합니다.
예제)
<html>
<head>
<title>링크걸기</title>
</head>
<body>
<a href="http://www.naver.com">네이버로 이동하기</a><br>
<a href="http://www.daum.net">다음으로 이동하기</a>
</body>
</html>
이 예제에서 보듯이 네이버로 이동하기에 href값은 http://www.naver.com입니다. 그러니깐 네이버로 이동하기를 누르면 그 값에 해당하는 URL이라고 하지요 그 사이트로 이동하게 되는거지요. 마찬가지로 다음도 마찬가지고요. 실행해보면
이해하셨죠? 위와 같이하면 같은 창에서 바로 네이버나 다음으로 이동하게 됩니다. 그럼 새로운 창으로 띄울려면 어떻게 하면 될까요?
<html>
<head>
<title>링크걸기</title>
</head>
<body>
<a href="http://www.naver.com" target="_blank">네이버로 이동하기</a><br>
<a href="http://www.daum.net" target="_blank">다음으로 이동하기</a>
</body>
</html>
이렇게 target="_blank" 하면 됩니다. 목적지(target)이 빈공간,즉 새창(blank)이다 라는 말이죠.
그럼 오늘은 여기까지 하겠습니다. 감사합니다.
'HTML' 카테고리의 다른 글
img태그1 (0) | 2011.07.06 |
---|---|
marquee태그 움직이는 글자 (1) | 2011.07.04 |
<HR> 선그리기 (0) | 2011.06.29 |
<B> <I> 태그 (0) | 2011.06.29 |
<H>,<FONT SIZE> 태그 (0) | 2011.06.28 |