728x90
하이퍼링크라는 HTML의 기능에 대해 알아보겠습니다.
하이퍼링크란 "연결된 개체"를 뜻합니다. 특정 부분을 클릭해 다른 페이지로 이동을 합니다. 여러 개의 HTML 문서를 하나의 고리처럼 연결할 수도 있습니다.
바로 <A>태그로 가능합니다.
<a> 태그에서 href 속성은 하이퍼텍스트 연결로 이동하고자하는 페이지의 위치를 지정할 수 있습니다. 기본적으로 적용을 시켜주면 텍스트는 파란 색상을 띠며 밑줄선이 그려져 있습니다.
<a href = "http://amy82.tistory.com/"> amy82 </a>
위 처럼 기본적인 파란색 밑줄이 그어진 부분을 수정할 수 있습니다.
link, visited, active ,hover 속성을 이용하면 링크의 색상을 변경 할 수 있습니다.
link는 사용자가 선택하기 전의 색상
active는 사용자가 마우스로 누르고 있는상태의 색상
visited는 사용자가 한 번이라도 방문했던 상태의 색상 입니다.
hover는 마우스를 링크위에 올려놓은 색상입니다.
그리고, 링크 클릭시 새창으로 띄울 수가 있습니다. target에 _blank를 추가해주시면 됩니다.
<a href = "http://amy82.tistory.com/" target="_blank"> amy82 </a>
코드를 수정후 적용하기를 눌러 확인가능합니다.
반응형
'배워보자!! > html-css' 카테고리의 다른 글
| [html/css] html 색상코드와 색상네임입니다. (0) | 2015.03.11 |
|---|---|
| [html/css] 테이블(table)로 표 만들기! (0) | 2015.03.09 |
| [html/css] <img> 이미지 삽입 및 속성에 대해 알아보자! (0) | 2015.03.04 |
| [html/css] <ol> / <li>태그 (0) | 2015.02.08 |
| [html/css] background-color (0) | 2015.02.08 |
댓글