퍼블리싱/html,css (2) 썸네일형 리스트형 [html/css] 로그인 페이지 만들기2 글래스 느낌의 로그인 페이지 구현하기 01 예제 디자인 02 마크업 해보기 Good Morning Welcome back! 뒤로가기 Log in Email Password Remember ID Log in Forgot Password? Don't have an account? Sign up 03 CSS 적용하기 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); * { box-sizing: border-box; padding: 0; margin: 0; } body { width: 100%; height: 100vh; font-family: 'Roboto', sans-serif; font-s.. [html]로그인 페이지 만들기-form, label, input 로그인 페이지 만들기 ※중요) 기억해야 될 태그 : type = "text", "password", "submit", "checkbox" 01 예제 디자인 02 예제 속 필요한 태그 알아보기 Login : Email 적는 칸 : Password 적는 칸 : 아이디 저장하기 : , login 버튼 : 03 마크업 해보기 Login 아이디 저장하기 1. 부모 태그 안에 태그를 자식으로 넣어 마크업 한다. 2. placeholder는 입력 필드에 사용자가 어떤 값을 입력해야 하는지를 간략하게 알려주는 역할을 한다. 단어 혹은 짧은 문구가 들어가며 사용자가 입력하는 즉시 사라진다. 3. 태그의 for=""와 태그의 id=""를 동일하게 적어 연결시켜주면, checkbox 혹은 '아이디 저장하기' 둘 중 아무거나.. 이전 1 다음
