HTML) 책갈피 만들기

카테고리 : 웹 프로그래밍/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>


 

저작권 보호안내
무단 전재, 재배포 행위는 금지됩니다. (글을 복사하여 게시금지)
본문의 일부(링크용 문장) 인용은 가능하지만, 출처와 링크(a 태그)를 남기셔야 됩니다.
(웹툴을 이용하고, 스크린샷/녹화하는것은 상관없습니다.)

예외적으로. 저에게 허락받은 경우에는 본문을 전재할 수 있습니다.

만약, 본문 공유를 원하신다면 링크 공유를 해주세요

저작권 정책 확인하기
링크 공유하기

 댓글