HTML 링크 태그 사용법
HTML 링크 태그 기본 구조
<a href="주소(URL)">링크 텍스트 또는 이미지</a>
HTML 링크 태그 속성(target) 지정
<a href="주소(URL)" target="속성값">링크 텍스트 또는 이미지</a>
target 속성 값
- _blank : 새 창이나 탭에서 링크 된 문서(웹화면)가 열립니다.
- _self : 현재 창에서 링크 된 문서가 열립니다.(기본값)
- _parent : 링크 된 문서가 현재 창의 부모창에서 열립니다.
- _top : 창 전체에서 링크 된 문서가 열립니다.
-
framename : 해당 프레임명을 가진 프레임에서 링크 된 문서가 열립니다.
예제
|
<!DOCTYPE html> <body> <a href="http://tistory.com" target="_blank">HappyLog</a>
</body> </html> |
결과
CSS 링크색상 지정하기
CSS 링크색상 지정방법
-
a:link : 링크텍스트 기본 값
-
a:visited : 방문 후 링크 설정 값
-
a:hover : 마우스 오버했을 때 링크 설정 값
-
a:active : 클릭했을 때 링크 설정 값
예제
|
<!DOCTYPE html>
<style> a:visited { a:hover { a:active { </head> <body> <a href="http://tistory.com" target="_blank">HappyLog</a>
</body> </html> |
결과
' IT > 웹디자인' 카테고리의 다른 글
CSS 미디어 쿼리 - 반응형 웹 만들기 (0) | 2018.06.05 |
---|---|
[반응형웹 만드는 방법] viewport 메타태그 활용 (1) | 2018.06.01 |
HTML 문서 입력 창 만들기 / textarea 태그 (2) | 2018.05.28 |
HTML 문서작성을 위한 목록태그 / 번호가 없는 리스트 (0) | 2018.05.27 |
CSS 기본구조 및 선택자 (3) | 2018.05.23 |
댓글