HTML
HTML 은 웹을 이루는 가장 기본적인 언어로 웹 콘텐츠의 의미와 구조를 정의할 때 사용합니다.
태그 안에 웹 콘텐츠의 의미가 들어가며, 태그 안에 구조가 들어갑니다.HTML Tag
HTML Tag 를 사용하여 웹 브라우저의 표시되는 글, 이미지 등 다양한 콘텐츠를 표시합니다.
예를 들어 이미지 컨텐츠는 <img> 태그를 사용하며, 컨텐츠의 의미에 맞는 semantic tag 를 사용하는 것이 중요합니다.
HTML Attribute
태그마다 정해져 있는 추가 기능이고 태그 속성에 맞는 값을 입력하면 특별하 기능을 하게 됩니다.
CSS
HTML 마크업된 태그들에 스타일을 입혀주는 역할을 합니다.
CSS Margin & Padding
마진과 패딩으로 요소의 여백을 스타일할 수 있습니다.
border 를 기준으로 마진은 보더 바깥쪽 공간, 패딩은 보더 안쪽 공간을 차지합니다.
CSS Border
보더는 컨텐츠의 테두리를 스타일할 수 있습니다.
CSS Inheritance
스타일이 상속되어 자식에게도 같은 스타일이 적용된다는 의미입니다.
CSS Selector
CSS 선택자는 스타일을 적용하기 위해 어떤 html 요소를 선택해야 하는지 브라우저에 알려주는 역할을 합니다.
CSS Block vs Inline
이 두가지는 요소의 크기입니다.
블록 요소는 브라우저 너비만큼 차지
인라인은 컨텐츠의 크기만큼 차지
Seize the day