아이디와 패스워드 input 속성인 type="text"와 type="password"를 활용
추후에 form태그로 감싸고 method 속성을 통해 통신해야 한다.
head태그에서 style태그를 통해 클래스, 아이디 등 선택자를 지정하여 다양한 style을 적용 시킬 수 있다.
<!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>
.mytitle {
color:red;
font-size:40px;
}
.mybtn {
font-size: 12px;
background-color: green;
color: white;
}
.mytxt {
color: green;
}
</style>
</head>
<body>
<div>
<h1 class="mytitle">로그인 페이지</h1>
<p class="mytxt">ID : <input type="text"></p>
<p class="mytxt">PASS : <input type="password"></p>
<button class="mybtn">로그인 하기</button>
</div>
</body>
</html>
HTML
복사