HTML 링크

-링크는 <a>태그로 정의된다.

1
<a href="URL">TEXT</a>

cs
  • TEXT에는 페이지에서 보이는 부분이다.
1
<a href="https://beinmy.tistory.com/">Visit my blog</a>
cs
  • 클릭하면 URL에 저장된 주소로 이동한다.


참고

<a>태그에서 TEXT부분은 이미지나 단락등 다양한 요소를 사용할 수 있다.


Local Link

Local Link는 relative URL(https://www... )을 제외해도 링크된다.


HTML target Attribute

-target 속성은 링크된 문서를 어디서 열지 지정한다.

  • _blank - 새 창 또는 탭에서 문서를 연다.
  • _self - 기본값 - 지금보고있는 창이나 탭에서 문서를 연다.
  • _parent - 상위 프레임에서 연다.
  • _top - 현재 창 본문 전체에 링크된 문서를 연다.
  • framename - 지정된 프레임에서 연다.
1
2
3
4
5
6
7
<p><a href="https://beinmy.tistory.com/" "target = _blank">Visit my blog at blank</a></p>
<p><a href="https://beinmy.tistory.com/" "target = _self">Visit my blog at self</a></p>
<p><a href="https://beinmy.tistory.com/" "target = _parent">Visit my blog at parent</a></p>
<p><a href="https://beinmy.tistory.com/" "target = _top">Visit my blog at top</a></p>
<p><a href="https://beinmy.tistory.com/" target="inframe">Visit my blog at frame</a></p>

<iframe name="inframe" style="width : 30%; height : 330px"></iframe>
cs


참고

현재 페이지가 프레임속에 갇혔다면, "target = _top"을 사용하여 프레임에서 벗어날 수 있다.


HTML 프레임

frame에 대한 더 자세한 내용은 HTML iframe


HTML 링크 타이틀

-title 속성은 요소에 대해 추가적인 정보들을 보여준다.

1
<a href="https://beinmy.tistory.com/" title="Go to My Blog">Visit My Blog</a>
cs
  • 커서를 링크위에 올릴때 나오는 텍스트이다.




참고사이트

w3school

TCPschool



'WEB > HTML' 카테고리의 다른 글

HTML_테이블  (0) 2019.02.14
HTML_이미지  (0) 2019.02.04
HTML_주석  (0) 2019.02.01
HTML_인용구  (0) 2019.01.31
HTML_서식  (0) 2019.01.31

+ Recent posts