본문 바로가기
Programming/HTML/CSS

클릭시 원하는 부분으로 이동 / 링크에 타이틀 추가

by 막이 2012. 5. 9.

목적지를 생성하기 위해 <a> 엘리먼트 사용하기 : 목적지 앵커(Destination Anchor)

index.html 파일에 작성되었다고 가정하겠습니다.

 

[목적지 앵커설정]

<a href="index.html#goal">골로 이동하자!!</a>

 

 

 

[목적지 설정]

<a id="goal">이동되야할 곳</a>

 

골로 이동하자!! 를 클릭했을시 id가 goal로 설정된 곳으로 이동하게 됩니다.

(같은 html 파일 내이든, 다른 html 이든)

id는 항상 문지(A-Z,a-z)로 시작하고, 그 뒤는 어떤 문자나, 하이픈, 밑줄
콜론, 기간문자(..), 소수점 등이 올 수 있다. 공백 사용 불가능


링크에 타이틀을 추가하기

링크에 마우스를 올려놓았을때 링크에 대한 설명이 뜨게 합니다.

<h2><a href="mission.html#goal" title="read the goal">GOAL</a></h2>

 

마우스를 올려놨을때

 

링크라벨은 간결하고, 의미있게 만들어야 한다.

'Programming > HTML/CSS' 카테고리의 다른 글

[css]div 강제 줄바꿈  (1) 2012.06.16
[css] div 배치  (0) 2012.06.15
HTML 리스트 만들기  (0) 2012.05.08
<q><blockquote>엘리먼트 / 인용구 사용하기  (0) 2012.05.08
<a>엘리먼트 / 링크 걸기  (0) 2012.05.08