<a href="링크 삽입할 주소" title="링크 제목" target="윈도우 창을 어떻게 할 것인지">
target : _blank(새 창), _self(현재 창)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
</head>
<body>
<h3>Log In</h3>
<b> I D : </b><input type="text"><br>
<b>PASSWORD : </b><input type="text"><br><br>
<input type="button" value="Login">
<input type="reset" value="Rewrite">
</body>
</html>( : 공백)
그리고 실제 페이지를 만들어본다
login.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
</head>
<body>
<h3>Log In</h3>
<b> I D : </b><input type="text"><br>
<b>PASSWORD : </b><input type="text"><br><br>
<input type="button" value="Login">
<input type="reset" value="Rewrite">
</body>
</html>
join.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Join</title>
</head>
<body>
<h3>Log In</h3>
<b> I D : </b><input type="text"><br>
<b>PASSWORD : </b><input type="text"><br>
<b> N A M E : </b><input type="text"><br>
<b> P H O N E : </b><input type="text" size="8">-<input type="text" size="8">-<input type="text" size="8"><br>
<b> E M A I L : </b><input type="text" size="8">@<input type="text"><br><br>
<input type="button" value="Join">
<input type="reset" value="Rewrite">
</body>
</html>
메인페이지에서 각각의 링크를 누르면 해당 페이지로 이동하는걸 볼 수 있다.
728x90
반응형
'HTML > HTML 기초' 카테고리의 다른 글
| [HTML] <map>태그를 이용해서 링크로 이동하기 (0) | 2020.07.27 |
|---|---|
| [HTML] <a>태그를 활용하여 페이지 이동하기 (0) | 2020.07.27 |
| [HTML] 이미지 태그 실습 - 2 (0) | 2020.07.27 |
| [HTML] 이미지 태그 실습 - 1 (0) | 2020.07.27 |
| [HTML] dl 실습 (0) | 2020.07.27 |
