💡간단한 로그인 페이지 만들어보기
• HTML 기본 지식을 가지고, 아래와 같은 간단한 로그인 페이지를 만들어보는 실습을 진행해봤습니다.
• 우선, 상단에 크게 "로그인페이지"라는 큰 제목이 있는 것으로 보아, h1 태그를 이용해야함을 알 수 있습니다.
• "ID: " 다음에 input box가 있는 것으로 보아, input 태그 또한 이용해야합니다.
• ID와 PW부분이 줄 바꿈으로 구분되어 있으므로 p 태그를 이용하면 됩니다.
• 마지막에 "로그인하기"라는 button이 있으므로 이를 위해 button 태그가 필요합니다.
👉위를 바탕으로, 다음과 같이 코딩하면, 정확히 위 이미지와 같은 로그인페이지가 만들어집니다! :)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>로그인페이지</title>
</head>
<body>
<h1>로그인 페이지</h1>
<p>ID: <input type="text"/></p>
<p>PW: <input type="text"/></p>
<button>로그인하기</button>
</body>
</html>
Love studying