반응형
같은 페이지에서 스크롤 이동
- 글 작성 도중 작성중인 글 내에서 스크롤 이동을 원하는 경우가 생김
- 만약 이 글 아랫부분에 "여기로 이동"로 한번에 이동시키고 싶은경우 "이 텍스트 클릭 시 이동"이 텍스트를 클릭하면 아래로 한번에 이동시키는 방법
- 기본모드가 아닌 HTML 선택

- 작성중인 페이지가 HTML 형식으로 바뀜
- HTML 페이지에서 클릭시 이동시켜주는 텍스트와 이동시킬 위치를 찾음
<!--클릭시 이동시켜주는 텍스트-->
<li>만약 이 글 아랫부분에 "여기"로 한번에 이동시키고 싶은경우 "이 텍스트 클릭 시 이동"이 텍스트를 클릭하면 아래로 한번에 이동시키는 방법</li>
<!--이동시킬 위치-->
<li>여기</li>
- 위 두 코드를 아래와 같이 수정
<!--클릭시 이동시켜주는 텍스트-->
<li>만약 이 글 아랫부분에 "여기"로 한번에 이동시키고 싶은경우 <a href="#here">"이 텍스트 클릭 시 이동"</a>이 텍스트를 클릭하면 아래로 한번에 이동시키는 방법</li>
<!--이동시킬 위치-->
<li id="here">여기</li>
- 이동시킬 위치에 해당하는 태그에 id 지정 + 클릭시 이동시켜주는 텍스트에 a 태그를 이용한 방식
- 다음과 같이 수정하고 위에 있는 "이 텍스트 클릭 시 이동" 을 누르면 "여기로 이동" 부분으로 이동됨을 확인 할 수 있음.
다른 페이지로 링크 이동
- 글 작성 시, 링크를 연결하고 싶은 텍스트 선택

- 링크 삽입/수정 버튼 클릭 후 URL칸에 이동 원하는 URL 입력

- 여기로 이동
반응형
'기타' 카테고리의 다른 글
| [기타] Port Kill (window/mac) (0) | 2022.06.20 |
|---|---|
| [HTML] CSS 사용 예제 ( + Bootstrap ) (0) | 2022.06.19 |
| [IntelliJ] 디버깅 예제 (window/mac 단축키) (0) | 2022.05.12 |
| [Postman] Postman 사용법 (0) | 2021.12.01 |
| [Eclipse] 폰트 변경 및 사이즈 변경방법, 단축키 (2) | 2021.08.12 |