[Web] Sample - ( week 1)

예제를 보고 html 태그를 사용해 페이지를 따라 만들어 본다.

<body>

<h1>Login Page</h1>

ID : <input type="text" />

PW : <input type="text" />

<button>Login</button>

</body>

제목을 넣기 위해서 h1 태그를 사용하고 아이디와 패스워드를 입력할 input 태그도 사용한다.

그리고 로그인 버튼을 만들기 위해서 button 태그를 추가한다.

현재 상태에서 브라우저를 확인해 보면

가로로 태그들이 나열되어 있는 걸 볼 수 있다.

예제처럼 만들기 위해서 문단을 나누거나 구역을 나누는 태그들을 사용해 본다.

<body>

<h1>Login Page</h1>

<button>Login</button>

</body>

문단을 나누는 p 태그를 사용해서 id와 pw를 감싸주면 예제처럼 세로로 요소들이 나열된다.

개발일지