특정한 단어 혹은 이미지에 링크를 걸고 싶으면 a href 태그를 사용하면 됩니다.

<a href="http://i-boss.co.kr">아이보스</a>
이렇게 하면 아이보스 단어를 클릭하면 아이보스 사이트로 이동하게 됩니다.


그런데 이렇게만 해놓으면 현재의 창에서 바로 이동이 이뤄집니다.
현재의 창을 그대로 두고 싶으면 새창으로 띄워서 이동되도록 하면 됩니다.

이때에는 target 태그를 추가합니다.

<a href="http://i-boss.co.kr" target="_blank">아이보스</a>


링크를 거는 경우에도 이 링크가 무엇을 의미하는지 설명하는 태그를 추가할 수 있습니다.
이미지에서는 alt 태그를 사용했지만 링크 태그에서는 title 태그를 사용합니다.

<a href="http://i-boss.co.kr" target="_blank" title="인터넷마케팅 실전 커뮤니티">아이보스</a>


만약.. 텍스트가 아닌 이미지에 링크를 걸고 싶다면 텍스트 대신 이미지를 삽입해주면 됩니다.
연습했던 아이보스 로고를 가지고 해볼까요?

<a href="http://i-boss.co.kr" target="_blank" title="인터넷마케팅 실전 커뮤니티"><img src="http://www.i-boss.co.kr/new/newimg/img/logo.gif" alt="인터넷마케팅 실전 커뮤니티"></a>


그런데 이렇게 실제로 한 번 해보십시오. 뭔가 좀 이상한 점이 발견되지 않습니까?
그 이상한 점이란... 이미지에 없던 테두리가 생기는 현상입니다.
이미지에 링크를 거는 경우에는 링크 걸려 있는 이미지임을 알려주기 위해(?)서인지..
자동으로 이미지에 테두리가 생겨 깔끔하지 못합니다.

해서 이미지에 테두리를 없애고 싶다면 border 태그를 쓰면서 값을 0으로 주면 됩니다.
이 영어 단어의 뜻은 (국가의) 변경, 테두리... 이런 뜻을 지니고 있죠?

<a href="http://i-boss.co.kr" target="_blank" title="인터넷마케팅 실전 커뮤니티"><img src="http://www.i-boss.co.kr/new/newimg/img/logo.gif" alt="인터넷마케팅 실전 커뮤니티" border="0"></a>


자 여기까지 링크 거는 방법에 대해 알아보았습니다.
오늘도 변함없이 초보자 연습실에서 연습들 해보시기 바랍니다.

http://www.i-boss.co.kr/new/?doc=bbs/gnuboard.php&bo_table=novi009