TIL 24 (2020.08.09)

1. Codecademy: Site Structure

1주차 프로젝트에 앞서 웹 사이트 구성 짜는 방법을 복습하기 위해 Codecademy의 "웹사이트 구조" 강의를 수강했다.
Codecademy는 수업화면 내에서 코드를 작성하고, 출력된 화면을 바로 확인할 수 있게 구성되어 있어서 기능 익히기에 최적화된 학습 프로그램이다.

1. <h1~6> 태그를 통해 제목 및 부제목 구성하기. 
2. <p> 태그를 통해 내용 입력하기. 
3. <img>, <video> 태그를 통해 이미지와 비디오 넣기.  

2. Codecademy: A Closer Look at CSS

CSS 언어를 통해 웹사이트를 보다 가독성있고 아름답게 만드는 연습을 했다.

1. background-image 코드부분에 background-size: cover; 을 입력시켜 웹사이트의 배경화면을 설정할 수 있다. 
2. font-family 를 통해 글씨 종류를 변경할 수 있다. 
3. font-size, color 등을 통해 글씨의 크기나 색상을 변경할 수 있다.