본문 바로가기

Programming

HTML5+CSS3 - 하이퍼링크 관련 태그

<a> 태그 - 원하는 문서나 사이트로 연결하기

<a href="경로">텍스트 또는 이미지</a>

링크로 웹 문서 경로나, 사이트 주소를 지정한다.


새 탭, 새창으로 열려면 target="_blank" 속성을 사용하면 된다.

링크에 툴팁을 사용하려면 title 속성을 사용하면 된다.

<a href="경로" target="_blank" title="링크 내용에 대한 요약 설명">텍스트 또는 이미지</a>


한 페이지 안에서 이동할 수 있는 앵커

문서 안에 필요한 곳에 이름을 붙여놓고 그 위치로 한번에 이동하는 링크.

아래와 같이 앵커를 설정해 두고,

<a id="앵커이름">텍스트 또는 이미지</a>

아래 처럼 링크로 표시한다.

<a href="#앵커이름">텍스트 또는 이미지</a>

'Programming' 카테고리의 다른 글

HTML5+CSS3 - 멀티미디어 관련 태그  (0) 2016.09.03
HTML5+CSS3 - 이미지 관련 태그  (0) 2016.09.03
HTML5+CSS3 - 표 관련 태그  (0) 2016.09.03
HTML5+CSS3 - 목록 관련 태그  (0) 2016.09.03
HTML5+CSS3 - 텍스트 관련 태그  (0) 2016.09.03