![]()
1. HTML의 요소(1) 1) HTML이란? ✔ HTML의 생김새 웹페이지를 구성하고 있는 요소(element)를 '태그'로 작성 태그를 통해 어떤 요소인지 명시 태그의 이름은 HTML5 웹 표준에 맞게 작성 This is Title! Fix you HTML은 줄바꿈을 인식하지 못한다.(br tag 사용) 여는 태그 닫는 태그 내용 : 요소의 내용 요소 : 여는 태그, 닫는 태그, 내용을 통틀어 요소라 함태그의 경우, 대소문자를 구분하진 않지만 가독성을 높이기 위하여 모두 소문자로 작성하는 것을 권장 ✔ 빈 요소(Empty elements) 내용이 없는 요소를 빈 요소라고 부른다. ex) 이미지, 수평선, 줄바꿈 등 닫는 태그를 추가로 명시하지 않아도 된다. Empty element, Self-Cols..
![]()
0. HTML 개요 1) HTML과 웹 브라우저 ✔ HTML 로 작성된 언어 .html 의 확장명을 갖는다. (ex. .pdf, .hwp ...) 웹 브라우저는 .html 확장자를 실행할 수 있다. 웹브라우저 : 크롬, 엣지, 익스플로러, 사파리... html을 보여주는 단순 뷰어 뿐만아닌 웹페이지 분석 가능한 개발 도구를 제공한다. ✔ HTML(HyperText Markup Language) Programing Language : 데이터를 가공 또는 명령 Markup Language : 데이터를 어떻게 표현할지, 보여질지 정의 2) HTML, CSS and JavaScript HTML : markup, 설계 등 웹 페이지의 골격 및 구조 CSS : 요소의 레이아웃, 스타일링 JavaScript : 동적..
✔ rem(root em) em은 현재 font-size를 정의한다. 자식 요소는 부모의 폰트 사이즈를 상속 받아 커진다. rem은 단일 사이즈로 표현하고 싶을 경우 사용하며 최상위 요소를 기준으로 삼는다. ✔ vh(vertical height), vw(vertical width) vh, vw는 타겟 요소의 값을 뷰포트의 너비값과 높이값에 맞게 사용하는 단위이다. vh요소는 높이값의 1/100(1%) 이다. ✔ vmin, vmax vmin, vmax는 뷰포트의 너비값과 높이값에 따라 최소, 최대값을 지정할 수 있다. 브라우저의 크기가 1280 x 700 이라면 1vmin은 7px, 1vmax는 12px이 된다. ✔ ex, ch ex, ch는 현재 폰트 사이즈에 의존한다. em, rem과 다른 점은 두 단..
