[HTML] a 태그 사용하기

1.  a 태그는?

- a 태그는 HTML 코딩에서 링크를 만들 때 사용하는 요소입니다. 간단하게 링크를 주기위한 태그 입니다.

• a 태그의 기본 style

a {display:inline; text-decoration:underline; color:#0000ee;}
a:active {color:#551a8b;}

 

 

2.  a 태그에 사용되는 옵션

• href
  • a태그를 클릭했을 때 href에 입력 된 주소로 이동합니다.
• target
  • target 은 a태그를 클릭했을 때 새 창으로 이동 할 지 현재창으로 이동할 지 등 다양한 옵션을 줄 수 있습니다.

이름	기능
_blank	기존 페이지는 유지하면서 링크  이동
_self	현재 페이지에서 해당 링크 이동
_parent	현재 프레임의 부모 프레임에서 링크 이동
_top	최상위 프레임에서 링크 열림

• rel
  • rel은 현재 문서와 링크된 문서 사이의 연관 관계를 명시해줍니다. 해당 옵션은 href 속성을 사용했을 경우에만 사용할 수 있습니다.
  •  

이름	기능
alternate	프린트 페이지나 번역된 페이지와 같이 해당 문서의 대체 버전에 대한 링크를 나타낸다.
author	해당 문서의 저자에 대한 링크를 나타낸다.
bookmark	즐겨찾기에 사용하는 고유 주소(Permanent URL)을 나타낸다.
external	링크된 문서가 현재 문서와 같은 사이트 내에 있지 않음을 나타낸다.
help	도움말 문서에 대한 링크를 나타낸다.
license	해당 문서의 저작권 정보에 대한 링크를 나다낸다.
next	연관된 문서들의 모음 중 다음 문서에 대한 링크를 나타낸다.
nofollow	유료 링크와 같이 검색 엔진이나 봇(bot) 등이 추적해서는 안됨을 나타낸다.
noreferrer	사용자가 하이퍼링크를 클릭할 때 브라우저가 HTTP 리퍼러 해더 (referer header)를 전송해서는 안됨을 나타낸다.
noopener	하이퍼링크를 따라 연결되는 어떠한 브라우징 컨텍스트(browsing context)도 오프너(opner)여서는 안됨을 나타낸다.
prev	문서들 중에서 이전 문서를 나타낸다.
search	해당 문서를 위한 검색 도구를 나타낸다.
tag	현재 문서를 위한 키워드(tag)를 나타낸다.