간단한 로그인 페이지 만들기 + css

웹개발 종합반 1주차 - 간단한 로그인 페이지 만들기 + css기초

 

 

 

 

간단한 로그인 페이지를 만들어 보았다.

 

<h1>제목 태그

<p>태그로 문단을 나눠 옆으로 바로 붙지 않고 아래로 나란히 위치하도록 함.

<input>태그는 무언가를 입력할 때. text 형식을 입력할 수 있게 만들었다. 

<button>태그는 말 그대로 버튼을 만들어준다.

로그인 페이지 뼈대 만들기

브라우저에 보여지는 로그인 페이지

 

 

 

 

다음은 간단한 로그인 페이지를 css로 꾸며주기!

 

css를 적용시켜주려면

1. 꾸밀 태그에 이름을 달아준다. class="이름"

2.<style>태그 안에 .이름{} 

    [ class가 아닌 id값 지정시 #이름{} ]

css로 예쁘게? 꾸며준 로그인 페이지 다채롭다. 😊👍