이번 강의는 간단한 로그인 페이지를 만들어보는 것! Pycharm에서 login.html을 만들어 준다. 강의 시작 2분 만에 퀴즈 타임이 나와버렸다. ㅎㅎㅎㅎ 위 스샷 처럼 로그인 페이지를 만들기!! HTML 기초 학습에서 배운 내용과 코드스니펫을 이용해서 만들어보자. 위 스샷처럼 body에 h1을 이용하여 제목을 먼저 입력해주기! Pycharm에서 코드 줄을 맞출 때 정렬할 부분을 드래그한 후 Ctrl + Alt + L 키를 누르면 좌측 끝으로 이동하며 줄이 맞춰지고 Tab 키를 누르면 우측으로 이동하고 Shift + Tab 키를 누르면 좌측으로 이동한다. 맥에서는 command + option + L 키를 누르면 좌측 끝으로 이동하며 줄이 맞춰진다. 브라우저에 로그인 페이지라는 제목이 입력되었다. ..

HTML은 크게 head와 body로 구성된다. Pycharm에서 html 파일을 생성하면 위 스샷처럼 head, body로 구분하고 html로 끝나는 것을 볼 수 있다. head 부분에는 title 내용이 있고 body에는 내용이 없다. 브라우저를 열어 보면 페이지 상단 파비콘 옆에 Title이라는 내용을 확인할 수 있다. 브라우저에서 title의 노출 부분을 확인할 수 있는 부분이다. Pycharm에서 head 안에 있는 Title을 welcome으로 수정하였다. 브라우저에서 어떠한 변화가 있는지 알아보자! 브라우저를 보면 Title에서 welcome으로 변화된 것을 확인할 수 있다. head에는 meta 태그를 이용해 정보를 입력하고 검색엔진이 정보를 더 쉽게 찾을 수 있도록 해준다. 그럼 이제 b..