본문 바로가기

개발/HTML

[HTML] <a>태그를 사용해보자


HTML-8 <a>태그



a태그 (Anchor tag) 는 HTML 에서 굉장히 중요하고 많이사용되는 하이퍼텍스트입니다.


즉 사용자의 선택에 따라 특정한 정보와 관련된 부분으로 이동할수 있게 조직화된 문서를 의미합니다.


주로 다른 웹페이지로 이동할때 쓰이거나 아니면 문서안에 특정 위치로 이동할때 사용한다.


사용방법은 다음과 같다.


	네이버
w3schools
버물리의IT공부


위와같이 <a> 태그를 사용하면 특정 URL 페이지로 이동이가능하며

만약 <a> 태그 새창 띄우기 를 하고 싶으시다면

	
	네이버
w3schools
버물리의IT공부


위와 같이 사용하면 target="_blank" 를 사용하면  새텝에 페이지가 열리는 것을 확인할수있습니다.


또다른 사용법으로는 문서내에 특정위치로 이동할대 사용할수있는데 


	
	Move to Alpha
Move to Beta
Move to Gamma

...

...

...


위에 코드를 보면 href 속성에 #alpha 가 있으며 


<h1> 태그를 보면 id속성으로 alpha 가 들어가있는데


이는 하이퍼링크 선택시 해당 id 값이 있는 위치로 이동하겠다는 의미이다.


이와같이 사용할때는 id 가 중복되지 않도록 주의해서 사용하도록 하자



<사용예>


네이버
w3schools
버물리의IT공부