HTML) 책갈피 만들기

 

 

 

• 글자로 이동
• 사진으로 이동

 

html 에서 목차를 만들거나

특정위치로 사용자를 보내야 될때가 있다.

 

<h2 id="list1">#여기로 이동(글자)</h2>

 

이와 같이 이동하길 원하는 값에 id값을 지정 해주고 

 

<a href="#list1">글자로 이동하는 링크</a>

 

와 같이 링크를 #id값 으로 정해주면 된다.

 

#여기로 이동(글자)

 

 

 

여기로 이동(사진/그림)

 

 

이렇게 작성하면 된다.

 

 

<ul>
<li><a href="#list1">글자로 이동</a></li>
<li><a href="#list2">사진으로 이동</a></li>
</ul>

<p>html 에서 목차를 만들거나</p>
<p>특정위치로 사용자를 보내야 될때가 있다.</p>

<pre class="prettyprint"><h2 id="list1">#여기로 이동(글자)</h2></pre>

<p style="font-size: 1.12em;">이와 같이 이동하길 원하는 값에 id값을 지정 해주고 </p>

<pre class="prettyprint"><a href="#list1">글자로 이동하는 링크</a></pre>

<p style="font-size: 1.12em;">와 같이 링크를 #id값 으로 정해주면 된다.</p>

<h2 id="list1">#여기로 이동(글자)</h2>


<div id="list2">이미지</div>


<p>이렇게 작성하면 된다.</p>