a 태그 사용방법

a 태그는 다른 곳으로 이동할 수 있는 태그입니다. a 태그 내용을 클릭하면 설정한 링크로 이동이 됩니다.

 

1. 태그 입력

vscode에 a를 입력하면 자동완성 탭이 나옵니다. 여기서 <Tab>을 누르면 a 태그가 자동으로 완성이 됩니다.

a태그의 속성들은 여러가지가 있지만 href, target 속성만 설명해 드리겠습니다.

href 속성은 연결하고자 하는 링크를 입력하면 해당 링크로 이동하도록 설정할 수 있습니다. target 태그는 링크로 이동할 때 현재 탭으로 이동할 것인지 아니면 새로운 탭을 열고 이동할 것인지 선택할 수 있습니다. 기본적으로 _self 속성으로 되어있어 현재 탭으로 이동이 됩니다. 속성을 _blank으로 변경하면 새 탭에 열리게 됩니다.

파일을 열어보면 google 글씨가 파랗게 변한 것을 볼 수 있습니다. google을 클릭하면 google 페이지가 열리게 됩니다.

구글 페이지가 열린 모습입니다. 이상 a태그에 대해 간단히 알아보았습니다. 감사합니다.