HTML 내부링크 id 주소 붙이고 생성하는 방법

HTML 내부링크

HTML 내부링크 조작 방법은 HTML의 id 속성을 사용하면 됩니다. id 속성은 HTML의 태그에 고유 이름을 붙이는 기능입니다.

<h2 id = "apple">사과</h2>
<h2 id = "banana">바나나</h2>
<h2 id = "orange">오렌지</h2>

이렇게 원하는 태그 안에 id = "id명"을 입력하고, <a> 태그의 href 주소에 각 아이디명을 입력하면 내부링크가 완성됩니다.

<a href="#apple">사과로 이동!!!</a>
<a href="#banana">바나나로 이동!!!</a>
<a href="#orange">오렌지로 이동!!!</a>

예를 들어 #apple 주소가 적힌 앵커텍스트를 클릭하면, <h2 id = "#apple">이라고 적힌 태그로 내부링크가 발생합니다.

이때 href 뒤의 아이디값의 앞에는 # 기호를 붙여야 합니다.