<!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>Document</title>
<style>
body { background-image: url(/image/냥1.jpg);
background-repeat: no-repeat;
background-size: cover;}
</style>
</head>
<body>
<form action="">
<h1 style="text-align: center;">LOGIN</h1>
<div style="text-align: center;">
<input type="text" name="id" placeholder="아이디를 입력해주세요"> <br><br>
<input type="password" name="pw" placeholder=" 비밀번호를 입력해주세요">
</div>
<div>
<input type="submit" value="로그인" > <br>
<input type="submit" value="회원가입"><br>
<!-- 반드시 submit은 form태그 안에 위치해야함 -->
</div>
</form>
<div style="text-align: center;">
<a href="" target="_blank">아이디 찾기</a> |
<a href="" target="_blank">비밀번호 찾기</a> |
<a href="" target="_blank">비회원 주문조회</a>
</div>
<div>
<a href="https://accounts.kakao.com/login/?continue=https%3A%2F%2Faccounts.kakao.com%2Fweblogin%2Faccount#login" target="_blank">
<button>카카오 계정으로 로그인하기</button></a> <br>
<a href="https://nid.naver.com/nidlogin.login?mode=form&url=https%3A%2F%2Fwww.naver.com" target="_blank">
<button>네이버 계정으로 로그인하기</button></a>
</div>
</body>
</html>
'HTML.CSS.JS > html' 카테고리의 다른 글
| [html] select, textarea tag (0) | 2023.04.24 |
|---|---|
| [html] div, pre, button tag (0) | 2023.04.24 |
| [html] a_id 싱커 (책갈피) (0) | 2023.04.24 |
| [html] a tag/ herf, target, download 속성 (0) | 2023.04.24 |
| [html] inline, block, inline-block 속성 (0) | 2023.04.24 |