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>
'웹 프로그래밍 > HTML' 카테고리의 다른 글
JS) Location.hash 와 URL의 #부분 처리 (0) | 2019.10.27 |
---|---|
extension) tabs.getSelected VS tabs.query (0) | 2019.10.17 |
Javascript) innerText vs innerHTML (0) | 2019.06.13 |
HTML) CSS 불러오기 (0) | 2019.05.29 |
HTTPS 홈페이지 무료로 운영하기 (0) | 2019.04.25 |
크롬 확장 프로그램 분석하기 (0) | 2019.04.19 |
HTML 내용을 한글 파일로 다운로드 하기(Js방식 / 테스트 가능) (12) | 2019.04.18 |
페이지 로딩속도를 빠르게 <link rel="preload"> 활용 (1) | 2019.04.15 |
저작권 보호안내
무단 전재, 재배포 행위는 금지됩니다. (글을 복사하여 게시금지)
본문의 일부(링크용 문장) 인용은 가능하지만, 출처와 링크(a 태그)를 남기셔야 됩니다.
(웹툴을 이용하고, 스크린샷/녹화하는것은 상관없습니다.)
예외적으로. 저에게 허락받은 경우에는 본문을 전재할 수 있습니다.
만약, 본문 공유를 원하신다면 링크 공유를 해주세요
저작권 정책 확인하기링크 공유하기