Internet/HTML

목록 이동 a 태그

by 1730 2014. 10. 19.

긴 글 작성 시 소제목으로 글을 분류하여 작성을 하고 a 태그로 목차를 만들어 클릭을 하면 해당 제목으로 바로 이동하는 방법입니다.

<a href="#1">1. 첫 번째 글</a>
<a href="#2">2. 두 번째 글</a>
<a href="#3">3. 세 번째 글</a>
<a href="#4">4. 네 번째 글</a>  

<p id="1">첫 번째 글</p> 
<p id="2">두 번째 글</p> 
<p id="3">세 번째 글</p> 
<p id="4">네 번째 글</p> 

<a href="#">▲ TOP</a>

이동할 곳에 ID를 지정하고 <a href="#ID"> 링크 태그에 아이디 이름을 적어 주면 됩니다. 아이디가 존재하는 태그라면 기존 아이를 적으면 되옵니다. 단순 탑버튼을 만들 때는 하이퍼링크에 # 만 적어주면 클릭시 웹 최상단으로 이동 합니다.

 

1. 첫 번째 글

2. 두 번째 글

3. 세 번째 글

4. 네 번째 글

 

 

 

 


첫 번째

 

 

 

 


두 번째 글

 

 

 

 


세 번째 글

 

 

 

 


네 번째 글

▲ TOP

'Internet > HTML' 카테고리의 다른 글

HTML pre 태그  (0) 2014.10.29
반응형 블로그 동영상 크기 자동 조절 (iframe,object,embed)  (0) 2014.09.25