반응형
페이지 내에서 링크를 생성하는 방법은 다양합니다. 아래에서 몇 가지 방법을 설명해드리겠습니다.
같은 페이지 내에서 특정 위치로 이동하려면 다음과 같이 <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>
위의 방법 중 하나를 선택하여 페이지 내부의 특정 위치로 이동하는 링크를 만들 수 있습니다.
'HTML' 카테고리의 다른 글
HTML 유튜브 쇼츠화면 꽉차게 하는 방법 (0) | 2023.09.04 |
---|---|
HTML 링크걸기 같은 페이지, 외부 페이지 (0) | 2023.09.04 |
HTML에 VIDEO 삽입하는 방법 (0) | 2023.09.04 |
HTML p 태그: 웹 페이지 텍스트 작성의 핵심 (0) | 2023.09.04 |
HTML <h> 태그 (0) | 2023.09.04 |
댓글