HTML5 - <a> 태그 사용법

---

a 태그 실습하기 

---

 

안녕하세요.

고코더 입니다.

 

 

● 1.  오늘은 html의 꽃 a 태그를 다루겠습니다. 이 태그의 쉬운 설명과 재밌는 내용은 제 브런치

"(https://brunch.co.kr/@gocoder/135)" 에서 확인 가능합니다.

 

● 2.  a 태그는 인터넷을 움직이는 가장 작은 단위이자 가장 큰 파워가 있는 태그 입니다. 이 태그 덕분에 인터넷을 사용한다고 해도 무리가 아닙니다. 이번 시간에는 HTML 5버전 기준으로 A태그 사용법을 알아보겠습니다.

 

 

기본 사용법

 

● 3.  가장 많이 사용하는 기본 사용법입니다. 가장 기본이 되는 속성 href는 a태그의 원초적인 기능입니다.

<a href="http://gocoder.net">고코더넷</a>

 

새창 열림 사용법입니다. 

● 4.  다른 도메인을 사용하거나 새창을 열때 사용합니다.

<a href="http://gocoder.net" target="_blank">고코더넷</a>

 

 

a태그 속성

 

● 5.  HTML 5 기준의 속성들입니다. 사실 한번도 사용안해본 속성들이 더 많지만 한번씩 확인해보시기 바랍니다. 

속성명	속성	설명
download	파일 이름	하이퍼링크를 클릭시 해당 타겟(target)으로 연결되지 않습니다. 대신 해당 콘텐츠가 다운로드됨을 명시합니다.
href	URL	링크 URL 연결된 주소
hreflang	언어 코드	링크될 문서의 언어
ping	URL	HTTP POST 요청에 대해 전달받을 URL의 리스트를 명시합니다.
rel	alternate author prev search tag external help license next nofollow noreferrer noopener bookmark	링크된 문서와의 연관 관계를 명시합니다.
target	_blank _parent _self _top _[frame name]	링크된 문서를 클릭시 문서가 열릴 방법을 명시합니다.
type	미디어 타입	문서의 media 타입을 명시함.

 

 

---

마무리

---

 

웹프로그래밍을 한다면 가장 많이 보게 될 태그 입니다.