이력서 프로덕트를 만들어봄을 통해서 HTML연습.
이력서 구성에 대해서 설명하였다.
HTML과 CSS가 제일 기초입니다!
ex)
<가방1>내용물입니다.</가방1>
//!DOCTYPE html
html
/html태그는 무조건 있어야 되는구나
DOCTYPE html 이란 웹문서가 어떤 버전의 HTML 언어로 작성되었는지 결정하는 기능.
DTD(Document Type Declaration)를 통해서 현재의 웹문서가 어떤 버전의 HTML 기술로 작성되었는지 웹브라우저에 전달
코딩을 한다고 생각하기보다는 문서를 만든다고 생각하자!!
footer같은 요소는 의미를 부여하는 요소이다.
안내문같은 의미이다. 각각에 의미를 부여하는 것이다.
CSS는 순서를 지키지 않아도 괜찮다.
이두희씨가 강의해주셨다.
html color code
html 색깔 사이트
html border type
margin-left:auto;
margin-right:auto; 하면 가운데정렬이 됩니다.
박스모델
padding
margin
box-shadow
박스 그림자주기
웹폰트바꾸기
float
뗏목같은 성질을 가지고 있다.
그래서 가두리를 만들어야 함!!
레이아웃을 구성할 때 '하위요소에 float 속성을 적용하면 상위요소에는 overflow hidden을 적용한다' 이를 하나의 공식처럼 생각하면 편하겠다.
웹폰트
@import url('url주소')
line height
160%비율이 가장 보기 좋음
font-size : 10px
line-height : 16px
float-wrap
float-wrap : overflow:hidden
들여쓰기
padding-left를 이용해서 만듬.
