[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

 

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
21 [docker] 도커 실행 중인 전체 컨테이너 중지, 일괄 삭제 (prune) file 졸리운_곰 2021.08.14 637
20 [java][spring boot][swagger] Spring boot로 Swagger 적용하기 file 졸리운_곰 2021.07.27 318
19 [Java][Spring boot][swagger] [SpringBoot] Swagger - API Docs 자동화 file 졸리운_곰 2021.07.27 364
18 [JWT] JWT 토큰 기반 인증 file 졸리운_곰 2021.04.24 454
17 [JWT] JWT 서버 인증 file 졸리운_곰 2021.04.24 398
16 [JWT] REST JWT(JSON Web Token)소개 - #2 node.js에서 JWT 사용하기 file 졸리운_곰 2021.04.24 445
15 [JWT] JWT(JSON Web Token)을 이용한 API 인증 - #1 개념 소개 file 졸리운_곰 2021.04.24 372
14 [무중단 시스템 배포] 배포 전략: Rolling, Blue/Green, Canary file 졸리운_곰 2021.03.15 341
13 [MSA] REST API 제대로 알고 사용하기 file 졸리운_곰 2021.03.14 698
12 [MSA] [REST API] URL 규칙, RESTful한 URL이란? file 졸리운_곰 2021.03.14 376
11 [MSA] API Gateway 란! 그리고 왜 중요한가? file 졸리운_곰 2021.03.12 456
10 Building a real-time prediction pipeline using Spark Structured Streaming and Microservices file 졸리운_곰 2021.02.21 341
9 Use of microservices in Real time Data Streaming for Spark Streaming or Apache Flink file 졸리운_곰 2021.02.21 507
8 Design Techniques for Building Streaming Data, Cloud-Native Applications: Part 2 - Akka Streams, Kafka Streams, and Friends file 졸리운_곰 2021.02.21 439
7 Design Techniques for Building Streaming Data, Cloud-Native Applications: Part 1 - Spark, Flink, and Friends file 졸리운_곰 2021.02.21 373
6 Microservices 주요 패턴 정리 file 졸리운_곰 2021.02.21 380
5 A pattern language for microservices file 졸리운_곰 2021.02.21 560
4 마이크로서비스 패턴 file 졸리운_곰 2021.02.21 391
3 [디자인패턴] Design Patterns for Microservices 졸리운_곰 2021.02.21 383
2 마이크로서비스 디자인 패턴 file 졸리운_곰 2021.02.21 723
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED