HTML
[HTML] Linking to Other Web Pages
Dongi
2021. 11. 8. 11:58
안녕하세요. 동기 여러분! 오늘은 웹 페이지를 링크하는 방법과 링크한 웹 페이지를 새로운 창에 띄우는 방법에 대해 알아봅시다!
Linking to Other Web Pages
앵커(Anchor) 요소를 사용해 다른 웹 페이지의 주소를 따올 수 있습니다.
생김새
<a href= "링크 할 주소"> 클릭하시오 </a>a는 Anchor의 줄임말입니다.
href는 Hyperlink Reference(참조한 웹 페이지)의 줄임말입니다.
예
잘 작동하는지 한번 클릭해 보겠습니다!
Opening Links in a New Window
앞서 작동해본 예를 보면 링크를 클릭하니 본래의 창(window)에서 동기 코딩의 블로그 페이지가 나왔습니다. 여기서 타깃(Target) 속성을 사용한다면 다른 방식으로 링크를 열 수 있게 됩니다.
생김새
<a href= "링크 할 주소" target= "열고자 하는 방법"> 클릭하시오 </a>
위의 "열고자 하는 방법"에 다양한 값을 넣어 여러 방식으로 링크를 열 수 있습니다.
- _blank 링크된 웹 페이지 또는 문서를 새로운 윈도나 탭에서 실행
- _self 링크된 웹 페이지 또는 문서를 클릭한 같은 프레임에서 실행 (기본 실행 = 타깃을 안 쓰면 이 방식대로 실행)
- _parent 링크된 웹 페이지 또는 문서를 부모 프레임에서 실행
- _top 링크된 웹 페이지 또는 문서를 가장 상위 프레임에서 실행
- framename framename를 당겨와서 여는 방법입니다.
우리가 알아야 할 방법은 _blank
혹시 다른 방법이 궁금하신 분들은 Tag index라는 사이트에 그림으로 아주 친절하게 설명이 되어 있으니 참조 바랍니다. 링크 : https://www.tagindex.net/html/frame/a_target.html
HTML/Frame Tags/the target frame of the link - TAG index
www.tagindex.net
예
target= "_blank"를 사용해서 링크를 열어 보겠습니다.
로컬 웹 실행 상황, 동기코딩을 클릭해보겠습니다.
짠 새로운 창이 뜨면서 동기코딩 블로그가 뜬 모습입니다!
오늘의 느낌
웹을 자유자재로 다룰 수 있다면 아예 웹을 다 만들어서 "열고자 하는 방법"에 대해 다 포스팅을 하고 싶었는데 하다가 한계에 부딪혀 포기했습니다... ㅠㅠ 더 열심히 공부해야지