[HTML] 하이퍼링크 삽입하기

• <a> : 링크 삽입
  텍스트를 사용하면 텍스트 링크가 되고, 이미지를 사용하면 이미지 링크가 된다.
  href 속성을 이용해 연결할 파일이나 링크할 주소를 지정한다.
  
  <a href="링크할 주소">텍스트 또는 이미지</a>
  
  링크가 추가된 텍스트나 이미지에 마우스 포인터를 가져가면 손 모양으로 바뀌기 때문에 링크가 없는 텍스트나 이미지와 구별할 수 있다.
  

  

  
  
  • target : 링크 새 창에서 열기
    target 속성에 _blank를 지정하면 링크를 클릭했을 때 연결된 문서가 새 탭에서 열린다.
    

    <a href="../05/order.html" target="_blank">주문서 작성하기</a>​

    

 

텍스트 링크 만들기

<a>와 </a> 태그 사이에 링크로 만들 텍스트를 입력하고, href 속성에는 텍스트를 클릭하면 연결할 문서의 경로와 파일명을 넣는다.

텍스트에 링크를 추가하면 아래 그림과 같이 텍스트에 밑줄이 생기면서 글자색이 파란색으로 변경된다. 그리고 한 번이라도 클릭한 텍스트 링크는 자주색으로 바뀌게 된다.

      <a href="../05/order.html">주문서 작성하기</a>

 

이미지 링크 만들기

텍스트 링크를 만드는 것과 같이 <a>와 </a> 태그 사이에 이미지 링크를 추가하고, href 속성에 이미지를 클릭하면 연결할 문서의 경로와 파일명을 넣는다.

    <a href="../05/order.html"><img src="images/tangerines.jpg" alt="레드향"></a>