HTML #2 : Anchor, 앵커를 응용해서 글 내부에

1. <a>, Anchor 이란?

HTML 기능 중에 Anchor, <a> 가 존재한다. 이를 응용하면 웹에서 글을 쓰고 목차를 쓸 때 링크를 걸어서

문단이나 사진등의 위치로 스크롤, 창을 이동 시킬수 있다. 아래는 앵커 기능을 활용한 문단이동 링크다.

첫번째 문단으로 이동

두번째 문단으로 이동

세번째 문단으로 이동

---

2. <a>, Anchor 사용방법

 

<a href="#first">첫번째 문단으로 이동</a>
<h1 id="first">첫번째 문단</h1>
    <p>체포·구속·압수 또는 수색을 할 때에는 적법한 절차에 따라 검사의 신청에 의하여 법관이 
        발부한 영장을 제시하여야 한다. 다만, 현행범인인 경우와 장기 3년 이상의 형에 해당하는 
        죄를 범하고 도피 또는 증거인멸의 염려가 있을 때에는 사후에 영장을 청구할 수 있다. 
        대통령이 궐위되거나 사고로 인하여 직무를 수행할 수 없을 때에는 국무총리, 법률이 정한 
        국무위원의 순서로 그 권한을 대행한다.</p>

< a href = " #선언한 ID "><a> 의 형태로 앵커를 만들고  이동하려는 타입의 태그안에 id="선언한 ID" 를

넣어 좌표를 설정한다고 생각하면 된다.

위의 예에서는 앵커 아이디를 #first로 선언하고, <h1>에 id="first" 로 좌표를 설정해서

앵커가 걸린 텍스트를 누르면 이동하게 된다.

 

---

 

 

첫번째 문단

체포·구속·압수 또는 수색을 할 때에는 적법한 절차에 따라 검사의 신청에 의하여 법관이 발부한 영장을 제시하여야 한다. 다만, 현행범인인 경우와 장기 3년 이상의 형에 해당하는 죄를 범하고 도피 또는 증거인멸의 염려가 있을 때에는 사후에 영장을 청구할 수 있다. 대통령이 궐위되거나 사고로 인하여 직무를 수행할 수 없을 때에는 국무총리, 법률이 정한 국무위원의 순서로 그 권한을 대행한다.

 

글 출처 :http://guny.kr/stuff/klorem/#/p-view

 

 

---

두번째 문단

중앙선거관리위원회는 법령의 범위안에서 선거관리·국민투표관리 또는 정당사무에 관한 규칙을 제정할 수 있으며, 법률에 저촉되지 아니하는 범위안에서 내부규율에 관한 규칙을 제정할 수 있다. 이 헌법은 1988년 2월 25일부터 시행한다. 다만, 이 헌법을 시행하기 위하여 필요한 법률의 제정·개정과 이 헌법에 의한 대통령 및 국회의원의 선거 기타 이 헌법시행에 관한 준비는 이 헌법시행 전에 할 수 있다.

 

글 출처 :http://guny.kr/stuff/klorem/#/p-view

 

 

---

세번째 문단

명령·규칙 또는 처분이 헌법이나 법률에 위반되는 여부가 재판의 전제가 된 경우에는 대법원은 이를 최종적으로 심사할 권한을 가진다. 대법원과 각급법원의 조직은 법률로 정한다. 사회적 특수계급의 제도는 인정되지 아니하며, 어떠한 형태로도 이를 창설할 수 없다. 모든 국민은 법 앞에 평등하다. 누구든지 성별·종교 또는 사회적 신분에 의하여 정치적·경제적·사회적·문화적 생활의 모든 영역에 있어서 차별을 받지 아니한다.

 

글 출처 :http://guny.kr/stuff/klorem/#/p-view

 

 

---