HTML & CSS
[Html] a 태그의 다양한 역할
펜네임
2020. 1. 15. 10:30
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>