실습

시기: 2022-09-18 생활코딩 WEB1-HTML&Internet 수강 후(https://opentutorials.org/course/3084)실습 기간: 약 3시간실습 내용: Google 홈페이지(https://www.google.co.kr/)

생활코딩 CSS를 수강하고 저번에 만들어봤던 구글 홈페이지를 보충하기로 했다. CSS란 안에서 HTML을 꾸며주는 언어. 내가 HTML이라면서 썼던 은 결국 CSS였다. 생활코딩 CSS를 다 듣고 뚝딱 만들 수 있을줄 알았지만 나의 큰 오산이었다.

목적: float를 이용해서 구글 상단 메뉴 만들기문제점: 창을 줄이면 레이아웃 엉망진창원본-아래작업본-아래창 줄였을 때

html에 동영상 넣기 https://www.codingfactory.net/11877 position: fixed를 주면 width가 자동 계산 되므로 width: 100% 같이 써줌(위에 메뉴 만들 때 많이 씀) a 태그, button 태그 `` 이어야 함 이유

object-fit https://developer.mozilla.org/ko/docs/Web/CSS/object-fit 가로 스크롤 없애기 html에 반응형 구문 꼭 추가 html에도 width: 100%; height: 100%; 꼭 하기 height: 10