|
링크 태그를 사용하시면.
글이나 이미지 클릭하는 것만으로도, 다른 사이트로 손쉽게 이동할 수 있습니다.
여기에 쓰이는 태그는
[a href="이동될 사이트주소"] '클릭될 말' 혹은 '이미지'[/a]
입니다.
href 와 함께 쓰이는 속성으로는 target 이 있구요,
이 속성은 이동될 사이트의 익스플로러를 어떤 형식으로 열 것인가를 정해주는
것이랍니다.
주로 쓰이는 것은 target=self , target=new 또는 target=blank 가 있구요^^;
① target=self 는 현재 열려있는 익스플로러 창에서 바로 링크되는 속성
② target=new 혹은 target=blank 는 새창을 열러 링크시키는 속성
입니다.
예제를 한번 들어볼까요?^^
예제 ①
*소스
[a href="http://www.daum.net" target="self"]이 글을
클릭하시면 다음넷으로 현재창에서 바로 링크 되요[/a]
*결과
이 글을 클릭하시면 다음넷으로
현재창에서 바로 링크 되요
┗ 이 태그는 target을 self 로 주었기 때문에 지금 창이 바로 링크된 사이트로
바뀐답니다^^;
현재창에서 열리게 할때는 target를 생략하셔도 된답니다.
예제 ②
*소스
[a href="http://www.daum.net" target="blank"]이
글을 클릭하시면 다음넷이 새창을 통해 링크 되요[/a]
*결과
이 글을 클릭하시면 다음넷이
새창을 통해 링크 되요
┗ 이 태그는 target을 blank 로 주었기 때문에 새창이 뜨면서 링크된 사이트가
나타나죠?^^*
예제 ③
이번엔 글자 대신 이미지를 써 볼까요?
*소스
[a href="http://www.daum.net" target="blank"][img src=http://myhome.naver.com/yurimj/images/img1.gif
border=0][/a]
*결과
┗ 위에 이미지를 클릭하면 새창이 뜨고 다음넷으로 링크되는 것을 볼 수 있죠?^^
이미지 태그 안에 쓴 border=0 은 이미지에 링크를 걸면 자동으로 생기는 파란색
테두리를 없애기 위해 넣은 속성입니다^^;;
* 주의할 점!
ⓐ 링크 태그를 쓰신 뒤에는 반드시 [/a] 로 닫아주여야 합니다.
그렇지 않으면, 링크 태그를 쓴 부분의 글부터 마지막까지..링크 태그가 적용되어
엄청난 혼란이 예상되네요^^;;
ⓑ 예제로 든 태그들의 앞뒤 괄호 [ ] ☜ 이 부분은 모두 < > ☜ 이 괄호로
바꿔주세요.
태그에 쓰이는 괄호는 < > 입니다. 수정하지 않으시면 태그가 적용되지
않는답니다^^*
조금은 이해가 되시나요?^^*
태그는 이론을 이해하고 여러번 연습해보시면 쉽게 쓰실 수 있답니다.
메모장이나 태그연습이 지원되는 곳에서 연습해보세요^^*
부족한 점이 있으면, 코멘트 남겨주시거나 '묻고 답하기' 게시판에 글 남겨주시구요^^*
오늘도 좋은 하루, 즐온되세요^^*
| 
