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공부
'개발 > HTML' 카테고리의 다른 글
[HTML] 정의목록태그를 사용해보자 <dl> <dt> <dd> 태그 (0) | 2017.03.22 |
---|---|
[HTML] 기본목록태그를 사용해보자 <ui> <ol> <li> 태그 (1) | 2017.03.16 |
HTML 텍스트 관련 요소의 사용 <abbr> <address> <strong> <sub> (0) | 2016.07.14 |
HTML 제목서식과 문단편집 <h>, <p>, <br> (0) | 2016.07.13 |
HTML image 를 불러오는 <img>태그 (0) | 2016.07.13 |