하이퍼링크의 종류
하이퍼링크의 종류
태그를 배우는데 가장 기초적인 태그 중 하나가 링크 태그입니다. 그만큼 몰라서는 안되는 중요한 태그입니다.
링크란?---"하이퍼링크" 를 줄인 말입니다.
그럼 하이퍼링크는 뭘까요?
이것은 한글 워드에도 있는 방식인데 쉽게 설명하면 다른 사이트의 주소를 쓰지 않고 클릭만 해도 그 사이트로 연결해주는 통로입니다. 하이퍼링크를 이용해서 웹페이지(홈페이지, 또는 사이트)에서 웹페이지(홈페이지, 또는 사이트)로, 또는 이메일로 연결 시킬 수 있습니다.
즉, 다른 사람의 홈페이지 주소를 주소창에 쓰지 않아도 내 홈페이지에서 다른 사람의 홈페이지로 바로 가게 해주는 태그지요.
가장 기본적인 내용이지만 정리하는 의미로 써보겠습니다.
링크태그의 기본원리
링크태그의 기본은 태그입니다. 물론 만을 사용하면 아무것도 나타나지 않습니다. 어느 곳으로 연결시킬 것인가를 지정해주어야 하죠. 이걸 지정해주는 속성이 href="주소" 속성입니다.
잘 이해가 안되시나요? 그럼 직접 해보겠습니다.
다음 보기에는 제 홈페이지를 링크시켰는데, 홈페이지 홍보 목적이 아니라 예를 들기 위해서일 뿐입니다. 제 홈페이지는 그리 좋은 것이 아니며, 내용도 충실하지 않으므로 방문하지 않으셨으면 합니다.
①문자를 클릭하면 해당 사이트로 가게 링크시키는 방법
가장 일반적인 링크태그입니다. 위의국어샘 홈을 클릭하면 제 홈으로 갈 수 있습니다. 그러나 뭔가 재미가 없지 않습니까?
그럼 다음 방법을 보세요.
②그림을 클릭하면 해당 사이트로 가게 링크시키는 방법
예쁜 소녀가 사랑을 나눠주고 있지요? 소녀를 클릭해 보세요. 역시 제 홈으로 갑니다.
①번과 같은 원리이지만 좀 재미 있지 않습니까?
③그림 설명을 덧붙여 링크시키는 방법
②번과 비슷하지만…. 이번에는 그림에 커서를 갖고 가면,"클릭!!! 국어샘홈입니다."란 설명이 나오지요.
만약, 링크시킬 사이트가 많다면 이런 식으로 해당 사이트의 이름이나 설명을 덧붙이면 좋겠지요.
④해당 사이트를 다른 창에 링크 시키는 방법
그런데 뭔가 좀 불만스럽지 않습니까? 지금까지는 링크된 사이트가 바로 이 자리에서 뜨니 그림이 제대로 나오지 않지요. 특히 해당 사이트의 주소를 알 수 없고요.
이런 불편을 해소한 것이 다음 방법입니다.
이번에는 어때요. 국어샘 홈페이지가 다른 창에 뜨지요.
이렇게 하니까 국어샘 홈페이지가 완전히 떠서 모든 것을 볼 수 있습니다.
③번이나 ④번 어느 것이 좋고 나쁘다고는 할 수 없습니다. 때에 따라서 ③번이 효과적일 수 있고, 또는 ④번이 바람직 할 수도 있으니까요.
다만 태그에 대해 관심이 있는 분들은 둘 다 알아 두면 좋겠지요.
위의 태그 소스는 아래에 있습니다.
단는 >로 바꾸시기 바랍니다.
이것을 활용하시려면 사이트 주소와 그림 주소만 바꾸면 되겠지요.
①문자를 클릭하면 해당 사이트로 가게 링크시키는 방법
국어샘 홈
②그림을 클릭하면 해당 사이트로 가게 링크시키는 방법
③그림 설명을 덧붙여 링크시키는 방법
*http://old.edu.co.kr/yyhome53/는 사이트주소이고,
이 부분을 원하는 사이트나 그림 주소로 바꾸면 됩니다.
"클릭!!! 국어샘홈입니다." 부분을 원하는 다른 말로 바꾸면 그 말이 표시되고요.
④해당 사이트를 다른 창에 링크 시키는 방법
*자료 출처: 예전에 제가 작성하여 제홈페이지에 올렸던 내용입니다.
하이퍼링크의 종류
