디바이스에 따라 반응형 웹을 보여주기 위한 CSS의 미디어 쿼리(Media Query) 간단한 예제를 보면서 알아보자. #greeting { text-align: center; font-size: 32px; } @media (max-width: 800px) { /* width 값이 800px 이하일때 적용될 스타일을 여기에 작성 */ #greeting { font-size: 24px; } } 먼저 데스크탑 퍼스트로 작성한 코드이다. (데스크탑 우선으로 작성했다는 뜻) 미디어 쿼리 속성을 max-width 로 800px 을 주면 width 값이 800px 이하일 때 #greeting 의 font-size 가 32px 에서 24px 로 변경됩니다. 그리고 기존 text-align 속성은 유지된다. #gree..

HTML(Hypertext Markup Language)은 웹 페이지의 구조를 지정하는 웹 페이지를 만들기 위한 언어로 웹 브라우저 위에서 동작하는 언어다. HTML5는 웹 상에서 콘텐츠(content)를 구성하고 보여주기 위한 HTML 언어의 최신 표준 권고안이다. HTML5는 HTML 4.01, XHTML 1.1 등을 대체하는 HTML의 차세대 표준이다. 아무튼 현재 사용하는 HTML 문서는 모두 HTML5 라고 보자. (2022년 기준) HTML 문서는 요소(element)로 구조화한 일반 텍스트 문서다. 요소는 한 쌍의 태그로 열고 닫으며, 각각의 태그는 부등호()로 감싸서 사용한다. 처럼 텍스트를 감싸지 못하는 태그도 있다. HTML은 보통 (파일이름).html 확장자로 저장해 웹 서버로 제공하..