HTML <a> 태그 앵커태그(Anchor) - HTML의 <a> 태그는 다른 웹페이지 하이퍼 링크, 또는 현재 웹페이지내 특정 부분으로 이동할때 사용할 수 있습니다.
HTML 태그 2012. 9. 17. 23:04HTML <a> 태그 : 앵커태그(Anchor)
HTML의 <a> 태그는 현재 웹페지에서 다른 웹페이지로 하이퍼 링크를 하거나
현재 웹페이지 내의 특정 부분 이동시에 사용합니다.
현재 웹페이지 내의 특정 부분 이동은 예제를 보시면 쉡게알 수 있습니다.
특별히 정의 하지 않으면 브라우저에 나타나는 기본링크 표시 입니다.
1. 방문하지 않은 링크 : 밑줄과 파란색
2. 방문한 링크 : 밑줄과 보라색
3.스타일 쉬트(CSS)를 사용하여 칼라,언더라인,글꼴,글자 크기등을 정의하여 사용할 수 있습니다.
<a> 태그 예제
<html> <head> <title>html a 태그 예제샘플</title> </head> <body> <h1>a 태그의 예제샘플입니다</h1> <p> <a href="http://htmlschool.co.kr">htmlschool.co.kr</a> <br> <a href="#lower">다음</a> <br> <a href="mailto:youremailaddress.com">이메일</a> </body> </html>
<a> 관련 태그
<a> 태그 속성
accesskey : 요소를 활성화하고 포커스/바로가기키를 지정합니다.
charset : 연결된 자원의 문자 인코딩 스타일을 정의하는 것입니다.
class : 문서의 요소를 식별합니다.
coords : 클라이언트 측 이미지 맵에 대한 길이의 쉼표로 구분 된 목록을 지정하는 것입니다.
dir : HTML의 일세 속성은 HTML 문서의 요소 안에있는 텍스트의 방향을 설정합니다.
href : 링크 나 이미지 맵의 모든 종류의 URL을 지정하는 것입니다.
hreflang : href 속성으로 연결된 자원의 언어를 지정하는 것입니다.
hreflang 속성 값 :
alternate : 현재 문서의 다른 표현입니다.
author : 문서의 작성자입니다.
bookmark : bookmark입니다.
help : 도움말에 대한 링크입니다.
license : 저작권 라이센스 포함되어 있습니다 설명서를 참조합니다.
next : next입니다.
nofollow : 참조 문서 보증 원본 저자 또는 발행인은하지 않습니다.
noreferrer : 사용자 에이전트가 Refferer 헤더를 전송하지 않을 것을 요구합니다.
prefetch : 문서가 미리 캐쉬되어야 함을 나타냅니다.
prev : 현재 문서 일련의 일부는 검색 태그입니다. id : 문서의 요소를 식별합니다.
lang : 요소의 내용의 언어를 지정합니다.
media : 요소에 연결된 리소스가 설계되어있는 미디어 유형을 정의하는 것입니다.
NAME : 요소에 대한 이름을 지정하는 것입니다.
rel : 관련된 요소의 href 속성의 값에 의해 지정된 다른 문서와의 관계를 정의하는 것입니다.
rev : 관련된 요소의 href 속성의 값에 의해 지정된 다른 문서와 현재 문서의 관계를 정의하는 것입니다.
shape : 지역 요소 나 클라이언트 측 이미지 맵의 모양을 정의하는 것입니다.
style : 요소에 대한 인라인 스타일을 지정합니다.
tabindex : Tab 키를 사용하여 사용자가 수행하는 순서를 정의합니다.
target : 창을 지정하는 것입니다.
target 속성 값 :
frame-name : 지정된 프레임에서 링크 된 문서를 엽니다.
_blank : 새 창이나 탭에서 링크 된 문서를 엽니다.
_blank : 새 창이나 탭에서 링크 된 문서를 엽니다.
_self : (기본값)현재 문서에서 문서를 엽니다.
_top : 창의 전체 본문에 링크 된 문서를 엽니다.
_parent : 부모 프레임에 문서를 엽니다. TITLE : 문서에 대한 제안 제목은 열 수 있습니다.
type : type
<a> 태그 이벤트
onclick : 마우스 클릭에서 스크립트가 실행됩니다.
ondblclick : 마우스를 두번 클릭에서 스크립트가 실행됩니다.
onmousedown : 스 버튼을 누를 때 스크립트가 실행됩니다.
onmouseup : 마우스 버튼이 버튼이 누른후 스크립트가 실행됩니다.
onmouseover : 마우스 포인터가 요소 위에 이동할 때 스크립트가 실행됩니다.
onmousemove : 마우스 포인터가 이동할때 스크립트가 실행됩니다.
onmouseout : 마우스 포인터가 요소에서 이동할 때 스크립트가 실행됩니다.
onkeypress : 키를 누르면 스크립트가 실행됩니다.
'HTML 태그' 카테고리의 다른 글
WRITTEN BY
- white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.