HTML A tag: name=" " 같은 페이지(문서) 또는 다른 페이지의 특정 위치로 이동하기

쌓아가는 곳간·2021년 1월 8일
1

블로그나 웹 페이지의 특정한 위치로 이동하는 링크를 넣는 방법

1.이동하고자 하는 위치에 이름을 붙여 지정한다.
2.그 지정한 이름이 있는 위치로 가는 링크를 건다


  1. 위치 지정하기
    HTML 편집창에서 아래와 같이 이름(name)을 붙인 < a> 태그를 원하는 위치에 넣어 주면 된다.
    "~~"부분은 이동할 목표지점에 붙인 임의의 이름이며, 숫자와 알파벳으로 적어 주면 된다. 여기서는 장미꽃 그림으로 가도록 하려고 이름을 쉽게 "jangmi" 라고 붙였다.

< a name="jangmi">

2.지정한 위치로 가는 링커 걸기
지정한 위치로 가는 링크는 두 가지를 생각할 수 있다. 하나는 링크와 같은 페이지 안의 특정한 위치로 가는 것이고, 둘은 다른 페이지 또는 다른 사이트의 특정한 페이지의 특정한 위치로 가는 것.

2-1. 같은 페이지 안에서 이동할 때
같은 페이지 안의 특정한 위치로 가고자 할 때는 아래와 같이 < a>태그의 이동할 위치 참조(href)에 #과 위치를 지정한 이름을 붙여 쓰면 된다.
아래는 같은 페이지 안에서 이름(name)이 jangmi로 붙여진 위치로 이동하는 태그 모양.

< a href="#jangmi">장미 구경하세요< / a>

2-2. 다른 페이지 또는 다른 사이트의 특정 페이지의 특정 위치로 이동할 때
위의 같은 페이지 안에서 이동할 때와 다른 점은 사이트나 페이지의 주소(URL)을 함께 적어주는 것 뿐이다.

< a href="이동할 페이지의 주소(URL)#jangmi">장미 구경하세요< / a>

profile
cbhan0102@gmail.com

1개의 댓글

comment-user-thumbnail
2021년 1월 8일

안녕하세요, tech 기업에서 일하는/ 일하기를 희망하는 여성들을 모아서 모임을 만들고 있습니다.
자세한 사항은 아래 링크 참조바랍니다 :)
https://velog.io/@emilyscone/SheKorea-1%EA%B8%B0-%EB%A9%A4%EB%B2%84%EB%A5%BC-%EB%AA%A8%EC%A7%91%ED%95%A9%EB%8B%88%EB%8B%A4

답글 달기