<a href>, 페이지 연결(링크), <a></a> 속성 리스트, 형식, 링크의 페이지를 표시할 타겟을 지정, 링크에 대한 설명(풍선 도움말)

CODEDRAGON Development/Web, WWW

반응형


 

페이지 연결(링크)

·       앵커(Anchor)를 의미합니다.

·       링크를 만들기 위해 <a> element를 이용합니다.

·       텍스트나 단락, 이미지 등 다양한 HTML 요소에 사용할 수 있습니다.

 

 

<a></a> 속성 리스트

<a> </a>태그 사이에 표시될 내용을 작성합니다.

속성

설명

href

·       기본적으로 href 속성을 가집니다.

·       마우스 클릭시 이동할 페이지 주소를 설정

title

·       링크의 이름을 지정

target

·       링크가 걸린 페이지를 어떻게 오픈할 것인지를 결정

id

·       페이지의 특정 영역에 이름을 지정

class

·       선언된 클래스를 호출

 

 

 

 

형식

href(hypertext reference) 속성은 인터넷이나 로컬에 있는 자원들의 위치를 표시합니다.

 

<a href="경로명/파일명.html">라벨(그림 혹은 문자)</a>

 

 

 

링크의 페이지를 표시할 타겟을 지정

target속성: 링크의 페이지를 표시할 타겟을 지정합니다.

<a href="http://codedragon.tistory.com" target="_blank">저의 블로그 입니다.</a> 

 

속성값

설명

target="_blank"

새 창

target="_self"

현재창(기본값)

_parent

부모 프레임

_top

현재 창의 가장 상위 프레임

프레임(frame) 이름        

지정된 프레임

 

 

 

링크에 대한 설명(풍선 도움말)

·       링크가 걸린곳에 마우스 오버를 하면 나타나는 풍선 도움말입니다.

·       링크에 대한 설명을 작성할 수 있습니다.

 

<a href="경로명/파일명.html" title="클릭하세요"></a>