Daily coding
HTML : Basic 1 - Anchor 본문
<a> : 원하는 웹페이지 URL 또는 HTML 문서로 이동할 수 있도록 만든 태그
<a href ="이동할 링크주소" target = "현재창일지 새창일지"> 링크로 이동하기 </a>
태그에 아이디이름을 부여하고 #을 통해 링크로 설정해둘 수 있다
# id : 해당하는 id로 이동
. class : 해당하는 class로 이동
"#" : 현재 페이지의 맨위로 이동
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- link a(anchor) : URL / 원하는 html 문서로 이동가능
- target="_self" : 현재 창에서 이동 (default임)
- target="_blank" : 새 창에서 열림
- <a href ="#"> : 현재 페이지의 맨 위로 이동
* # : id의미, . -> class 의미
-
-->
<p>
<a href="http://www.naver.com">Naver</a>
</p>
<a href="./index2.html">index2.html로 이동하기</a>
<br>
<a href="./index3.html" target="_self">기존창으로 index3.html로 이동하기</a>
<br>
<a href="./index4.html" target="_blank">새창으로 index4.html로 이동하기</a>
<br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<a href ="#">현재 페이지의 맨 위로 이동</a>
<p> <!-- * # : id의미, . -> class 의미 -->
<a href = "#move">chapter 4로 이동</a>
</p>
<h3>chapter 1</h3>
<p>여기가 chpater 1입니다</p>
<br><br><br><br><br>
<h3>chapter 2</h3>
<p>여기가 chpater 2입니다</p>
<br><br><br><br><br>
<h3>chapter 3</h3>
<p>여기가 chpater 3입니다</p>
<br><br><br><br><br>
<!-- 태그에 아이디이름을 부여하고 #을 통해 링크로 설정해둘 수 있다 -->
<h3 id = "move">chapter 4</h3>
<p>여기가 chpater 4입니다</p>
<br><br><br><br><br>
<h3>chapter 5</h3>
<p>여기가 chpater 5입니다</p>
<br><br><br><br><br>
<a href ="#">현재 페이지의 맨 위로 이동</a>
</body>
</html>'Front-end > Client' 카테고리의 다른 글
| HTML : Basic 1 - table (0) | 2020.01.02 |
|---|---|
| HTML : Basic 1 - img (0) | 2020.01.02 |
| HTML : Basic 1 - font / div (0) | 2020.01.02 |
| HTML : Basic 1 - Tag안에 사용할 수 있는 Tag (0) | 2020.01.02 |
| HTML : Basic 1 - Attribute와 Property (0) | 2020.01.02 |
'Front-end/Client' Related Articles
more
