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 |
- 커서를 링크위에 올릴때 나오는 텍스트이다.