▣ 링크란 무엇
웹서핑을 하면서 글자나 그림을 클릭하면 다른 웹페이지나 그림으로
연결되죠?
이때, 그 부분이 바로 하이퍼링크를 해놓은 부분입니다.
즉, 링크를 클릭하면 다른 장소로 이동하게 해주는
태그가 하이퍼링크 태그인 것입니다.
그럼 이제부터 링크태그에 대해서 간단하게 알아보도록 하겠습니다.
▣ 링크태그의
기본원리
링크태그의 기본은 와
태그입니다.
그러나 만을 사용하면 아무것도 나타나지
않습니다.
먼저 어느 곳으로 연결시켜줄 것인가를 지정해주어야 합니다.
그리고 이것을 지정해주는 속성이 href="주소" 속성입니다.
즉, 여기를 누르세요. ☜ 이것이 링크 시켜주는 명령어입니다.
하지만 이렇게
하면 현재의 화면이 다른 화면으로 바뀌어 버리게 됩니다.
<예제>
여기를 눌러보세요!
그래서 다른 새로운 창을 띄우려면 아래의 명령어로 해야 합니다.
target="_blank" ☜ 이것이 새창을 뜨게 하는 속성입니다.
그럼 새로운 창을 띄우게 하려면
아래와 같이 하시면 됩니다.
☞ 여기를
누르세요.
<예제> 여기를 눌러보세요!
만약
이미지를 삽입하여 링크를 하려면 밑의 명령어 처럼 해보시길 바랍니다.
▣ 이미지를 삽입한
링크방법
☞ http://img.yahoo.co.kr/blank.gif
href="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif 주소">
☜ 이렇게 하시면 됩니다.
☞ http://img.yahoo.co.kr/blank.gif
href="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif 주소">
☜ 이렇게 하시면 됩니다.
이미지를 삽입한 예가 바로 배너 광고입니다.
그럼 이미지를 삽입하여 링크시킨 것과
새창으로 링크시킨 것은 어떻게 다를까요?
뭐가 틀릴까요? 한번 잘 생각해 보시기 바랍니다.
그렇죠. 이미지를 삽입하여
띄운 새창의 링크태그에는 이미지에 테두리가 없습니다.
그리고 이미지에 마우스 커서를 갖다대면 글씨가 뜹니다. '어쩌구
저쩌구' 하고...
이때, 테두리를 없애려면 border라는 속성을 써야
합니다.
border="0" ☜
이렇게 하시면 됩니다. 또한 숫자가 클수록 테두리의 두께가 굵어집니다.
마우스 커서를 갖다대면 "태그코리아"라는 글씨가 뜨는 속성은 아래와 같습니다.
alt 라는 속성을 쓰시면 됩니다. alt="태그코리아" 이런식으로
쓰시면 글씨가 나옵니다.
이 속성들은 이미지태그 뒤에 연결해서 쓰시면 됩니다.
☞ http://img.yahoo.co.kr/blank.gif>http://img.yahoo.co.kr/blank.gif 주소" border="0" alt="태그코리아!!">
이런식으로요^^;
※ 메일보내기 링크에 대해서 간단히 설명을 하겠습니다.
다른 홈페이지에 가서 운영자에게 메일보내기를 누르면 메일보내기
박스가 나오죠?
그것도 간단하게 할 수 있습니다. 아래의 명령어대로 하시면 간단하게 메일보내기 박스를 만드실수
있습니다.
☞ 운영자에게 메일보내기☜ 이렇게 하시면 됩니다.
<예제> 운영자에게 메일보내기 ☜ 눌러보세요!
※ 음악을 링크시키는 것도 간단합니다.
뮤직사이트에 가시면 노래제목을 클릭하면 음악이 나오죠?
그것
역시 링크태그를 사용해서 음악을 들을 수 있게 한 것입니다.
☞ 제목☜ 이렇게 하시면 클릭했을때 음악이 나오게 할수 있는 것입니다.
<예제> 머니 / 왁스 ☜
눌러보세요!
'요리 > 태그공부' 카테고리의 다른 글
| [스크랩] 그림자 글씨 (0) | 2007.07.18 |
|---|---|
| [스크랩] 사진 예쁘게 꾸며서 올리는 방법(필터기능)[펌] (0) | 2007.07.18 |
| [스크랩] 아름다움, 신비, 경이로움... (0) | 2007.07.18 |
| [스크랩] 아름다운 글 올리는 방법 (0) | 2007.07.18 |
| [스크랩] 각종글자체 소스 (0) | 2006.11.03 |