본문 바로가기
HTML

같은 페이지 안에서 이동하는 html 코드

by PraoB 2024. 3. 5.
반응형

 

페이지 내에서 링크를 생성하는 방법은 다양합니다. 아래에서 몇 가지 방법을 설명해드리겠습니다.

 

같은 페이지 내에서 특정 위치로 이동하려면 다음과 같이 <a> 태그를 사용하여 링크를 생성할 수 있습니다.

 

 

ID를 이용한 방법

  • 원하는 위치에 <div> 또는 다른 요소에 id를 추가합니다.
  • 이동하려는 특정 위치에는 <a> 태그 안에 해당 id를 지정합니다.
  • 예시 코드:

 

<div id="my-section">
    <!-- 내용 -->
</div>

<!-- 링크 생성 -->
<a href="#my-section">특정 위치로 이동</a>

 

 

 

Name 속성을 이용한 방법

  • 특정 위치에 <a> 태그 안에 name 속성을 추가합니다.
  • 이동하려는 특정 위치에는 <a> 태그 안에 해당 name을 지정합니다.
  • 예시 코드:

 

<a name="my-section">특정 위치</a>

<!-- 링크 생성 -->
<a href="#my-section">특정 위치로 이동</a>

 

 

위의 방법 중 하나를 선택하여 페이지 내부의 특정 위치로 이동하는 링크를 만들 수 있습니다.

댓글