1. Advanced <a>
link : 아직 방문한 적 없음
visited : 한 번이라도 가본 적 있음
hover : 마우스를 올려 놓으면
active : 마우스를 클릭하고 있으면
페이지 책갈피
현재 페이지에서 이동하고 싶은 곳으로 이동하는 법
<a> 태그의 id 속성을 이용하여 책갈피 생성
☆ Code
<!doctype html>
<html>
<head>
<title>a link example</title>
</head>
<body>
<h1>Link Test</h1>
<h2><a href="http://www.google.com">
여러분의 정보를 마구 빼가는 기업
</a></h2>
<hr>
<h1 id="pageStart">페이지 시작</h1>
1번 위치로<a href="#point1"><sup>[5]</sup></a>
<a href="#point2">2번 위치로</a>
<h2>Title01</h2><p>Contents01</p>
<h2>Title02</h2><p>Contents02</p>
<h2>Title03</h2><p>Contents03</p>
<h2>Title04</h2><p>Contents04</p>
<h2><a id="point1">Title05</a></h2><p>Contents05</p>
<h2>Title06</h2><p>Contents06</p>
<h2>Title07</h2><p>Contents07</p>
<h2><a id="point2">Title08</a></h2><p>Contents08</p>
<h2>Title09</h2><p>Contents09</p>
<h2>Title10</h2><p>Contents10</p>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h2><a href="#pageStart">처음으로</a></h2>
</body>
</html>'HTML' 카테고리의 다른 글
| HTML 파비콘 (0) | 2025.02.11 |
|---|---|
| HTML blockquote (0) | 2025.01.08 |
| HTML 테이블 (0) | 2024.11.24 |
| HTML 인풋 태그 (2) | 2024.11.24 |
| HTML 링크, 이미지, 리스트 태그 (0) | 2024.11.24 |