2020.1.28 9:10 수정
1. 외부링크 열기/이동
<!--구글 새창 열기-->
<a href = "http://www.google.com" target = "_blank">네이버</a>
2. 다른 html 파일로 이동
<!--123이라는 이름의 html 파일 열기(이동)-->
<a href ="123.html">123</a><br>
3. 같은 페이지의 특정태그가 있는 곳으로 이동
<!-- name이 tomato인 태그로 이동 -->
<a href="#tomato">tomato</a>
4. *** 자바스크립트 실행 ***
<!--getName이라는 이름의 자바스크립트 function 실행-->
<html>
<body>
<a href="javascript: getName();">What's my name?</a>
<script>
function getName() {
alert("Hyemin Lee");
}
</script>
</body>
</html>
5. 이미지 열기
<!-- 외부 사진 열기 -->
<a href ="https://t1.daumcdn.net/cfile/tistory/99B192495BA481842D">풍경 사진</a>
<!-- 내부 사진 열기(경로 체크 중요) -->
<a href ="/tree.jpg">나무 사진</a>
'HTML & CSS' 카테고리의 다른 글
| [HTML & JavaScript] a태그 클릭 시 사용자에게 확인 받고(confirm) 함수 실행하기 / a태그 onclick 함수에서 href 속성 사용하기 / confirm 받은 후 form 제출하기 (0) | 2024.03.13 |
|---|---|
| [웹폰트] Windows에서 웹폰트가 깨지는(흐릿하게 보이는) 문제 일부 해결 (0) | 2023.06.16 |
| [CSS] word-break 속성 (0) | 2020.01.10 |
| [HTML&CSS&JS] 자연스럽게 슬라이딩되는 아코디언 메뉴 (0) | 2019.10.18 |
| [생활코딩] HTML - img 태그의 주요속성 (0) | 2019.06.03 |
댓글