HTML을 이해하기 위한 난이도가 가장 쉬운 로그인 페이지를 만들어 보았다.
CSS 는 아직 사용하지 않고 만들어보았다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>로그인 페이지</title>
</head>
<body>
<h1>로그인 페이지</h1>
<p> ID: <input type ="text"/></p>
<p> PW: <input type ="text"/></p>
<p> <button>로그인하기</button></p>
</body>
</html>
<h1> </h1> : 큰 글씨로 제목을 쓸수 있는 태그
<p> </p> : 문단을 나눠 줄 수 있는 태그
<input type = "텍스트"/>: 텍스트 상자를 만드는 태그
<button> 텍스트</button>: 버튼을 만드는 태그
'JavaScript' 카테고리의 다른 글
[JS]부트스트랩 활용하기 (0) | 2025.01.24 |
---|---|
[JS]HTML 구글 폰트 사용하기 (0) | 2025.01.24 |
[JS]CSS 란? (0) | 2025.01.24 |
[JS]HTML,CSS 의 개요 (0) | 2025.01.23 |
JavaScript 사전캠프 부트캠프 OT (1일차) (0) | 2025.01.13 |