통신/IT

이미지나 텍스트에 하이퍼링크 걸기

플로우블로그 2014. 11. 4. 02:30

이미지나 텍스트에 하이퍼링크 걸기

 

 

 


<A> - 텍스트나 이미지에 링크 걸기

<A HREF="연결 경로" 속성="속성값"> 텍스트 또는 이미지 </A>

 

 

 속성

 설명

 속성값

 HREF

 연결할 문서의 경로나 URL 지정

 문서경로,URL

 NAME

 문서 내부에서 점프할 앵커 지정

 영문 앵커 이름

 TARGET

 링크된 내용이 열릴 대상 지정

 _blank,_parent, _self, _top

 


<BODY>태그의 링크색상 관련 속성
LINK : 링크의 색상
VLINK : 방문했던 링크의 색상
ALINK : 링크를 클릭하는 순간의 색상


TARGET 속성 - 링크 내용을 어디에 표시할지 정함. 속성값에 따라 다음과 같다.
_blank : 새로운 브라우저 창에 링크내용 표시
_self : 현재 브라우저 창에 표시.(default)
_parent : 현재 프레임 구성을 없애고 브라우저 창 전체에 링크내용 표시
_top : 현재 프레임 구성을 없애고 브라우저 창 전체에 링크내용 표시(_parent와 같음)
프레임이름 : 특정 프레임에 링크 표시

 

NAME 속성 - 문서 안의 지정한 위치로 이동(anchor)   
   
    <A HREF="#앵커이름"> 이미지 또는 텍스트 </A>
    ...
    <A NAME="앵커이름"></A>

ex)<A NAME="info"></A>노래정보</A>
    ...
    <A HREF="#info">노래정보</A>