html2 [HTML&CSS] 반응형 웹 - 미디어쿼리 Media Query 미디어 쿼리란? PC 뿐만 아니라 모바일과 태블릿에도 대응되는 반응형 또는 적응형 웹사이트를 만들 때 사용되는 CSS 구문이다. 화면 크기마다 각각 다르게 CSS를 적용한다. 미디어 쿼리 지정 방법 HTML 파일 내 내 태그에 media 속성 지정 css 파일 내 @media 지정 css 파일 내 import 미디어쿼리 작성 1. HTML 파일 내 내 태그에 media 속성 지정 2. css 파일 내 media 작성 방법 @media (조건1) and (조건2) {} - 조건문는 min-,max- 옵션을 줄 수 있음 - 미디어 유형으로는 all (모든 장치), print, screen, speech 등이 있다 뷰포트 viewport : 너비와 배율을 설정할 때 사용하는 메타 태그의 속성 - 브라우저에서 .. 2022. 4. 7. [HTML] HTML 기본 구조 및 태그 HTML이란? Hyper Text Markup Language의 약자로, 웹사이트에서 눈에 보이는 정보나 특정 구역을 설정할 때 사용하는 언어이다. 웹 구성 요소 HTML - 정보 또는 설계도 CSS - 디자인 또는 스타일링 JS - 기능과 효과 (슬라이드 or 팝업 효과 등) 웹사이트 제작 시 고려사항 1. 웹표준 - 웹사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격 2. 웹 접근성 - 장애 여부와 상관없이 모두가 웹사이트를 이용할 수 있게 하는 방식 3. 크로스 브라우징 - 모든 브라우저 또는 기기에서 사이트가 제대로 작동하도록 하는 기법 HTML 태그 기본 구조 컨텐츠 태그명 : HTML이 갖고 있는 고유 기능 콘텐츠 : 열린 태그, 닫힌태그 사이 내용물 속성 : HTML 태그가 갖고 있는.. 2022. 4. 5. 이전 1 다음