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

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

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>

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

 

 

[출처] https://velog.io/@chaeb1n/HTML-A-tag-name-%EA%B0%99%EC%9D%80-%ED%8E%98%EC%9D%B4%EC%A7%80%EB%AC%B8%EC%84%9C-%EB%98%90%EB%8A%94-%EB%8B%A4%EB%A5%B8-%ED%8E%98%EC%9D%B4%EC%A7%80%EC%9D%98-%ED%8A%B9%EC%A0%95-%EC%9C%84%EC%B9%98%EB%A1%9C-%EC%9D%B4%EB%8F%99%ED%95%98%EA%B8%B0

 

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
563 CSS selector 졸리운_곰 2024.08.02 689
562 [전자상거래/쇼핑몰 개발] [카페24쇼핑몰] 품목생성형과 상품연동형 옵션의 차이점이 궁금합니다. 졸리운_곰 2024.07.30 385
561 [HTML] Netlify 로 정적 웹 사이트 배포하기 file 졸리운_곰 2024.07.29 403
560 [php worldpress] PHP query to SQL server database (wordpress) 졸리운_곰 2024.07.28 503
559 [AWS] 인프라/AWS VPC 구성 후 SSH 연결하기 file 졸리운_곰 2024.07.24 503
558 [전자상거래/쇼핑몰 개발] cafe24 MySQL db 외부접속 방법 file 졸리운_곰 2024.07.23 566
557 [전자상거래/쇼핑몰 개발] 초보 셀러를 위한 쇼피파이(Shopify) 제작 가이드 file 졸리운_곰 2024.07.03 585
556 [전자상거래/쇼핑몰 개발] [카페24쇼핑몰] [API] Cafe24 - API 호출 예시 file 졸리운_곰 2024.06.25 413
555 [JavaScript] 자바스크립트 API 호출 방법 졸리운_곰 2024.06.20 526
554 [HTML][JavaScript] jQuery .ready() vs .onload() 특징 및 차이 졸리운_곰 2024.05.23 442
553 [apache 설정] .htaccess 캐시 및 압축 설정 졸리운_곰 2024.05.22 486
552 [HTML] 로딩이 완료된 후 페이지 노출하기 졸리운_곰 2024.05.22 502
551 [전자상거래/쇼핑몰 개발] [카페24쇼핑몰] 카페24 무료 쇼핑몰 가입 졸리운_곰 2024.05.20 543
550 [전자상거래/쇼핑몰 개발] [카페24쇼핑몰] 카페24 쇼핑몰 상세화면 설정 졸리운_곰 2024.05.20 244
» [HTML] HTML A tag: name=" " 같은 페이지(문서) 또는 다른 페이지의 특정 위치로 이동하기 졸리운_곰 2024.05.20 411
548 [HTML] Scroll window to top of Iframe from iFrame with different domain than parent file 졸리운_곰 2024.05.20 455
547 [HTML] iframe 간단 정리하기 file 졸리운_곰 2024.05.20 271
546 [HTML] Javascript error: 'window.top.document.getElementById(...)' is null or not an object 졸리운_곰 2024.05.20 207
545 [HTML] iframe 부모 자식 접근 졸리운_곰 2024.05.20 344
544 [JavaScript] JavaScript / Object / Element.removeAttribute() / 요소의 속성을 제거하는 메서드 졸리운_곰 2024.05.18 402
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED