3월, 2019의 게시물 표시

HTML 특정 위치로 링크 걸기

  블로그나 웹페이의 특정한 위치로 이동하는 링크를 넣는 방법은, 이동하고자 하는 위치에 이름을 붙여 지정하는 일과 그 지정한 이름이 있는 위치로 가는 링크를 거는 일 두 가지로 나누어 생각할 수 있다. 1) 위치 지정하기 HTML 편집창에서, 아래와 같이 이름(name)을 붙인 <a>태그를 원하는 위치에 넣어 주면 된다.  "~~"부분은 이동할 목표지점에 붙인 임의의 이름이며, 숫자와 알파벳으로 적어 주면 된다. 여기서는 장미꽃 그림으로 가도록 하려고 이름을 쉽게 "jangmi"라고 붙였다. <a name="jangmi"> 2) 지정한 위치로 가는 링커 걸기 지정한 위치로 가는 링크는 두 가지를 생각할 수 있다. 하나는 링크와 같은 페이지 안의 특정한 위치로 가는 것이고, 둘은 다른 페이지 또는 다른 사이트의 특정한 페이지의 특정한 위치로 가는 것이다. (1) 같은 페이지 안에서 이동할 때 같은 페이지 안의 특정한 위치로 가고자 할 때는 아래와 같이 <a> 태그의 이동할 위치 참조(href)에 #과 위치를 지정한 이름을 붙여 쓰면 된다. 아래는 같은 페이지 안에서 이름(name)이 jangmi로 붙여진 위치로 이동하는 태그 모양이다. <a href="#jangmi">장미 구경하세요</a> (2) 다른 페이지 또는 다른 사이트의 특정 페이지의 특정 위치로 이동할 때 위의 같은 페이지 안에서 이동할 때와 다른 점은 사이트나 페이지의 주소(URL)를 함께 적어 주는 것 뿐이다. <a href="이동할 페이지의 주소(URL)#jangmi">장미 구경하세요</a> 실제 적용한 모습 구글 블로그의 다이나믹 템플릿에서는 이 기능이 제대로 작동하지 않는다. 구글 블로그의 다른 템플릿에서는 아래의 참고1과 같은 문제점과 해결방법이 있으므로 가능하다.   실제 적용한 예제 페이지 보기  >> 참고1: 구