<!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>
<style>
.mytitle { /* mytitle 이라는 이름을 가진 곳에 적용할 CSS */
color: red;
font-size: 40px;
}
.mybtn {
font-size: 12px;
color: white;
background-color: green;
}
.mytxt {
color: red;
}
</style>
</head>
<body>
<h1 class="mytitle">로그인 페이지</h1> <!--h1 태그에 mytitle 이라는 명찰을 달아주기 -> h1 class = "mytitle"-->
<p class="mytxt">ID: <input type="text"/></p> <!--p 태그로 문단 구분을 해주지 않으면, ID PW 블록이 한 줄로 나란히 나와버림-->
<p class="mytxt">PW: <input type="text"/></p>
<button class="mybtn">로그인하기</button>
</body>
</html>
개발자로 거듭나기!