무민이의 반반무많이

a 태그로 하이퍼링크 설정하기 본문

HTML5

a 태그로 하이퍼링크 설정하기

M00min 2016.12.06 21:45

(공감과 댓글 하나는 글쓴이에게 큰 힘이 됩니다.)


하이퍼링크란 문서 내의 단어나 구, 기호, 화상과 같은 요소를 뜻하는 하이퍼 텍스트 내의 다른 요소 또는 다른 하이퍼 텍스트 내의 다른 요소와 연결한 것을 말한다. <a> 태그와 href 속성을 사용하여 하이퍼링크를 설정할 수 있다.


■ 다른 페이지로 이동하는 하이퍼링크 설정

- <a href = "연결할 파일 또는 주소">라고 하고, <a> 태그 안에 텍스트를 입력하면 된다.


네이버라는 텍스트를 클릭했을 때, 네이버 홈페이지로 이동하는 것을 확인할 수 있다.


다음이라는 텍스트를 클릭했을 때, 다음 홈페이지로 이동하는 것을 확인할 수 있다.


hello.html이라는 텍스트를 클릭했을 때, hello.html 페이지로 이동하는 것을 확인할 수 있다.


hi.html이라는 텍스트를 클릭했을 때, hi.html이 존재하지 않으므로 아래와 같은 결과가 표시되는 것을 확인할 수 있다.


■ 동일 페이지의 특정 위치로 이동하는 하이퍼링크 설정

- 이동하기를 원하는 태그에 id 속성을 설정한 후, <a href = "#이동할 id">라고 하고, <a> 태그 안에 텍스트를 입력하면 된다. (동일한 id가 존재하면, 먼저 나오는 태그로 이동한다.)


세 번째 문단으로 이동을 클릭했을 때, #three 위치로 이동하는 것을 확인할 수 있다.

0 Comments
댓글쓰기 폼