HTML CSS

KokoaTalk Clone Coding: sign up screen 2(header)

jane.dev 2021. 5. 10. 17:46
반응형

header html 작성

sign up screen_header
header and form

<header class="welcome-header">

어디에 사용되는 header인지 특정해줄 필요가 있음

 

<form id="login-form">

이번 클래스에서 form은 한번만 사용될 예정이기 때문에 id로 작성

로그인에 사용되는 모든 버튼은 form안에 포함시켜 줌 

 

css를 위한 폴더를 만들고 그 안에 styles.css를 생성

link:css

html 파일과 css를 연결하기 위해 <head>에 <link> 작성, 단축키는 link:css

 

test
test

작성된 html파일과 생성한 css파일이 연결되었는지 테스트하고 작동되는지 확인