[HTML] Linking to Other Web Pages

안녕하세요. 동기 여러분! 오늘은 웹 페이지를 링크하는 방법과 링크한 웹 페이지를 새로운 창에 띄우는 방법에 대해 알아봅시다!

 

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>

 

위의 "열고자 하는 방법"에 다양한 값을 넣어 여러 방식으로 링크를 열 수 있습니다.

1.  _blank 링크된 웹 페이지 또는 문서를 새로운 윈도나 탭에서 실행
2.  _self 링크된 웹 페이지 또는 문서를 클릭한 같은 프레임에서 실행 (기본 실행 = 타깃을 안 쓰면 이 방식대로 실행)
3.  _parent 링크된 웹 페이지 또는 문서를 부모 프레임에서 실행
4.  _top 링크된 웹 페이지 또는 문서를 가장 상위 프레임에서 실행
5. 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

 

 

예

target= "_blank"를 사용해서 링크를 열어 보겠습니다.

 

로컬 웹 실행 상황, 동기코딩을 클릭해보겠습니다.

 

짠 새로운 창이 뜨면서 동기코딩 블로그가 뜬 모습입니다!

 

---

 

오늘의 느낌

웹을 자유자재로 다룰 수 있다면 아예 웹을 다 만들어서 "열고자 하는 방법"에 대해 다 포스팅을 하고 싶었는데 하다가 한계에 부딪혀 포기했습니다... ㅠㅠ 더 열심히 공부해야지