728x90
반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Anchor태그</title>
</head>
<body>
<a href="https://www.naver.com/">네이버로 이동</a>
<hr>
<a href="https://www.google.com/"> <img src="../image/구글아이콘.png"></a>
</body>
</html>A태그(Anchor태그)
=하이퍼링크태그
=클릭시 다른 대상으로 이동할 수 있는 순간이동 장치
=이동할대상의 주소를 href라는 속성에 작성
<a href= "https://www.naver.com/"> 네이버로 이동</a>
=이미지에도 링크 설정이가능하다
=<a href="https://www.google.com/"> <img src="../image/구글아이콘.png"></a>
anchor 태그 예제
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>anchor 문제</title>
</head>
<body>
<a href="/web06/a/test01.html">a태그 첫 번째 예제 보기</a>
<a href="./test01.html">a태그 첫 번째 예제 보기</a>
<hr>
<a href="http://localhost:8080/web06/image/img/test01.html">img 태그 첫번째 예제보기</a>
<a href="http://localhost:8080/web06/image/img/test01.html">img 태그 첫번째 예제보기</a>
<hr>
<a href="/web05/exam/search.kh?column=type&keyword=서술형">서술형시험결과보러가기</a>
<a href="../../web05/exam/search.kh?column=type&keyword=서술형">서술형시험결과보러가기</a>
<hr>
<a href="http://localhost:8080/web05/exam/search.kh?column=type&keyword=문제해결시나리오">문제해결시험결과 보러가기</a>
<a href="../../web05/exam/search.kh?column=type&keyword=문제해결시나리오">문제해결시험결과 보러가기</a>
<hr>
<a href="http://localhost:8080/web05/exam/search.kh?column=student&keyword=피카츄">피카츄시험결과 보러가기</a>
<a href="../../web05/exam/search.kh?column=student&keyword=피카츄">피카츄시험결과 보러가기</a>
<hr>
<a href="http://localhost:8080/web05/exam/search.kh?column=subject&keyword=프로그래밍언어활용">프로그래밍언어활용 시험결과보러가기 보러가기</a>
<a href="../../web05/exam/search.kh?column=subject&keyword=프로그래밍언어활용">프로그래밍언어활용 시험결과보러가기 보러가기</a>
</body>
</html>'[LANG] > - HTML&CSS' 카테고리의 다른 글
| [HTML] form ,select 태그 (0) | 2022.06.01 |
|---|---|
| [HTML]form / input 태그 (0) | 2022.06.01 |
| [HTML] img 태그 alt속성 (0) | 2022.06.01 |
| [HTML] img 태그 사용법 (0) | 2022.06.01 |
| [HTML] HTML 주석 사용 (0) | 2022.05.31 |
댓글