HTML5 태그 사전

a

정의

a요소는 텍스트에 링크를 설정합니다.

 

속성

  • href : 링크 주소를 지정합니다.
  • target : 링크를 어떤 프레임에 열것인지를 결정합니다.
    • _blank : 새창에 엽니다.
    • _parent : 부모창에 엽니다.
    • _self : 자신의 창에 엽니다.
    • _top : 화면이 여러 프레임으로 이루어져있는 경우 모든 프레임을 지우고 전체 화면에 엽니다.
    • [name] : 지정된 이름에 링크를 엽니다.

설명

  • a 요소는 문단, 목록, 테이블뿐만 아니라 섹션 전체를 감쌀 수도 있습니다.
  • a 요소안에 버튼이나 링크등 인터렉티브한 요소가 포함되어 있으면 안됩니다.

 

링크의 상태

아래 상태들은 순서대로 정의 해야 의도한 대로 스타일을 적용할 수 있습니다. 만약 active를 hover보다 먼저 정의 했다면 hover가 active를 오버라이드 하여 active상태를 볼 수가 없게 됩니다.

  • link : 기본적인 링크 상태로 아직 방문한적이 없거나 아무런 행동도 하기전인 상태를 말합니다.
  • visited : 방문한 적이 있는 링크의 상태를 말합니다.
  • hover : 마우스 커서가 링크위에 올라가 있는 상태를 말합니다.
  • focus : 링크에 키보드등을 이용해서 포커스가 위치해있는 상태를 말합니다.
  • active : 마우스를 눌렀다가 놓는 동안의 상태를 말합니다.

예제

기본적으로 다음과 같이 사용할 수 있습니다.

 

 

 

 

 

 

 

댓글

오류나 오타 신고 환영합니다. ^^;;
(도와주세요!)

댓글 본문
작성자
비밀번호
  1. 이거보고 많이 공부가 되었습니다 ^^ 이고잉님 쉅을 듣고 내가 알고있는 태그사항을 점검하고 싶었는데 마침 이렇게 정렬표가 있어서 큰도움이 되었어요 감사해요!
  2. applekim
    예제->html->보고싶으예제 순으로 클릭하세요.^^
    대화보기
    • 송지애
      진짜 최고입니다!! 감사합니다
    • 오상민
      감사합니다.
    • 홍길동
      class 는 각 엘리먼트 요소에 이름을 부과하여 각각에 css속성을 적용하기 위한 html작업입니다.
      대화보기
      • phpfacebook
        예제가 안나옵니다 ㅇ.ㅇ
      • 양미연
        정말 대단하세요~ 많이 배우고 자주 도움받겠습니다~~ 감사드려요
      • 학생
        class 요소 가 무엇에쓰고 어떤 뜻인지 알수있을까요....

        다른 태그들 보면 class라는게 자주 껴있어서 궁금해서 여쭤봅니다 ㅠㅜㅠ
      • jwbae
        _parent

        부모창이 뭔가요?

        부모창과 자신의 창은 어떻게 구분하죠?
      • 리체:leezche
        고맙습니다. ^^
        대화보기
        • 리체:leezche
          고맙습니다. 저두 힘이 되네요... ^^
          대화보기
          • 스페샬홍
            좋은정보 감사합니다~
          • 누나
            대박이네요
            너무 멋져요..
            이제 막 html5 배우는 초보인데.
            좋은정보 마니 얻으러 올께용 >ㅁ<
          • 리체
            고맙습니다.. 수정되었습니다. ^^
            대화보기
            • minkyu.shim@gmail.com
              오타 신고요~
              active : 마우스를 눌렀다가 놓는 "당안"의 상태
            버전 관리
            리체:leezche
            현재 버전
            선택 버전
            graphittie 자세히 보기