HTML
7. 책갈피
HJ76
2023. 3. 24. 17:04
책갈피
<a href="#도착지에 쓰일 name">링크에 사용될 문자 또는 이미지</a>
<a name="도착지 name">문자 또는 이미지</a>
<태그 id="도착지 name">문자 또는 이미지</태그><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>책갈피</title>
</head>
<body>
<h2 id="menu">책갈피</h2>
<p><a href="#book">도착지로 이동합니다!</a></p>
<!-- lorem을 사용해서 페이지 길이 늘리기 -->
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero repudiandae numquam voluptate hic nostrum ullam dolore voluptas, neque provident excepturi quibusdam natus repellat, quas repellendus asperiores unde, dignissimos ad. Vero!</p>
<p><a name="book">도착지</a></p>
<p><a href="#menu">위로</a></p>
<p><a href="#">위로2</a></p> <!-- #만 하면 맨 위로 -->
</body>
</html>
- 체크 박스 클릭
- 위로, 위로2 클릭
