[ 하이퍼링크 관련 태그 ]

웹 문서에서 다른 웹 문서나 사이트로 이동할 수 있도록 글이나 그림에 하이퍼링크를 적용합니다.

우리가 일반적으로 링크 건다는 표현을 많이들합니다.

<a href="사이트주소 혹은 웹 문서이름">~</a>

1. 글자에 하이퍼링크 연결하기

    <a href="http://www.yahoo.co.kr" target="_blank">야후</a>

    태그 연습장에 복사해서 붙여넣기 하신후 클릭해보세요 결과가 어떻게 나오는지요

2. 그림에 하이퍼링크 연결하기
  
    글자로 하이퍼링크 연결하기랑 동일한 방법입니다. 단지 글자 대신에 이미지를 사용한다    
  
    는게 차이입니다. 그럼 ‘야후’라는 글자 대신에 이미지를 넣어주면 되겠죠?

    <a href="http://www.yahoo.co.kr" target="_blank"><img src="이미지의 경로와 이미지명“></a>

    그럼 예를 들어서 경기고등학교 모교 웹사이트에 연결하기 위해서 이미지를 경기고등학교 로고를

    사용해서 하이퍼링크를 걸어 보겠습니다.

    여기서 유의 할점은 하이퍼링크를 걸때는 항상 Target에 신경 써야합니다.

    다른사이트에 가서 내 홈페이지를 링크를 거는데 상대방 사이트를 완전히 떠나서 오게하면 안되겠죠

    그래서 Target을 blank로 주는겁니다.
    
    <a href="http://www.kyunggi.hs.kr" target="_blank"><img src="http://www.kg55.org/study/logo.gif"></a>

    이미지는 kg55계정안에 study라는 폴더안에있는 logo라는 이미지를 불러왔습니다.

    이거 역시 태그연습장에 복사해서 붙여넣은후 결과 확인을 해보세요

    그리고 target="_blank"를 삭제하시고 어떻게 변하는가도 한번 테스트 해보시구요

    어떤분이 어렵다고 설명좀 쉽게 해달라고 하셨는데 포괄적으로 한번 주욱 살펴보고난후

    Detail하게 본 강좌를 할껍니다. 그러니까 너무 걱정하지 마시고 즐거운 마음으로 부담없이

    소설책 보듯이 하세요 소설책이 싫으신분들은 갤러리에 있는 재미있는(?) 사진 보듯이

    보시면 됩니다. 오늘은 여기까지하고 다음 시간에는 테이블에 관련된 태그에 대해서 알아보도록 하겠습니다.