HTML+CSS

HTML HTML은 웹 페이지를 만들기 위한 언어이고, 구조를 잡아주는 역할을 한다. 브라우저는 HTML을 가지고 뭘 어떻게 그리고 만들어 줘야 할지 파악 한 뒤 웹 페이지를 생성한다. HTML 확장자 HTML은 .html 확장자가 붙은 텍스트 파일로 파일 이름은 원

스타일 속성을 이용하여 페이지를 디자인 하는 것을 style 이라고 하고, 이러한 style을 모아 놓은 것을 'stylesheet' 라고 한다. 한 문서에 같이 작성할 수도 있지만 이 후 페이지 유지 보수에 적절하지 않기 때문에 Html(구조)과 CSS(디자인)으로

01 HTML element 01-1 block element 대부분의 element(요소)는 block 요소이다. block요소는 해당 요소의 전체 가로 넓이를 모두 포함해, 따로 스타일을 적용하지 않으면 이 요소 옆에 다른 요소를 붙여 넣을 수 없다. 다음은

Float은 사전적인 의미로 '떠오르다', '떠다니다' 이다. 웹페이지 에서 객체를 왼쪽이나 오른쪽으로 배치할 때 사용된다.위와 같이 작성하여 요소를 배치할 수 있다.float 속성으로 박스를 배치하면 이어지는 다른 요소들에도 동일한 float 속성값이 적용된다. 이

CSS 선택자는 특정한 HTML 태그를 선택할 때 사용하는 기능이다. 무조건 class나 id를 붙여 스타일을 적용하기 보다는 선택자를 효율적으로 활용할 수 있다. 01 전체 선택자 > * 전체 선택자는 HTML 페이지 내부의 모든 태그를 선택하는 선택자이다

Semantic web : 기존 웹을 확장하여 컴퓨터가 잘 이해할 수 있는 의미를 기반으로                      의미적 상호운용성을 실현, 다양한 정보들을 컴퓨터 스스로 처리, 자동화,                       재활용 등을 할 수 있도록

01 position: > selector{position: static / relative / absolute / fixed; } 02 static position 속성을 지정하지 않으면 기본값으로 지정된다. top, bottom, left, right 모든 좌표가

01 Flexbox (Flexible Box Module) > flex-direction: row / column; flexbox에서 레이아웃의 방향을 결정하는 속성이다. row가 기본값이며 메인축 즉, 가로축 방향을 설정하고 왼쪽에서 오른쪽으로 item이 정렬된