💡 디바이스 크기가 줄어들고 늘어남에 따라 - 자연스럽게 웹사이트의 스타일이 변화되면 반응형 - 뚝뚝 끊겨서 독립적인 스타일이 적용되면 적응형 미디어쿼리 @media 여러 디바이스에 대응되는 반응형 또는 적응형 웹사이트를 만들 때 사용되는 CSS 구문 스타일을 변경하기 위한 조건 min-width : 브라우저의 최소 가로 폭 max-width : 브라우저의 최대 가로 폭 ex) 브라우저의 가로폭이 320px ~ 800px이 되었을 경우 아래 CSS 속성으로 대체한다. @media screen and (min-width: 320px) and (max-width: 800px) { h1 {...} h1:hover {...} } 미디어쿼리 사용 시 주의사항 1. meta 코드 작성 다음 코드를 반드시 html의..
HTML HTML : Hyper Text Markup Language 웹 사이트에서 눈에 보이는 정보나 특정 구역을 설정할 때 사용하는 언어 눈에 보이는 정보 : 텍스트, 이미지 등 네비게이션, 로그인, 베너 등 영역을 나누는 역할 시간이 지남에 따라 자주 사용되지 않는 용어들은 사라지고, 새로운 언어가 생기기도 함 HTML 태그 구성 요소 태그명 : HTML이 갖고 있는 고유의 기능 형태로 입력 닫힌 태그가 없는 태그도 몇 있음 컨텐츠 : 열린 태그와 닫힌 태그 사이에 있는 내용물 속성 : 태그가 가지는 추가 정보 속성 값 : 어떤 역할을 수행할지 구체적인 명령 HTML 문서 기본 구조 html5라는 신조어. 문서를 선언하는 태그 html 문서의 시작과 끝을 의미 웹사이트의 간단한 요약 정보를 담는 영..
웹이란? 월드 와이드 웹(World Wide Web, WWW) : 인터넷에 연결된 사용자들이 서로의 정보를 공유하는 공간 인터넷 상에서 텍스트, 그림, 영상 등 멀티미디어 정보를 하이퍼텍스트 방식으로 연결하여 제공한다. 하이퍼텍스트(hypertext) : 하이퍼링크를 통해 서로 참조할 수 있는 기술 하이퍼링크(hyperlink) : 문서 내부에서 또 다른 문서로 연결되는 참조 링크 웹 구성 웹 페이지 : HTML 언어를 사용하여 작성된 하이퍼 텍스트 문서 웹 사이트 : 서로 관련된 내용으로 작성된 웹페이지들의 집합 웹 페이지들은 하이퍼링크를 통해 연결됨 웹 브라우저 HTML 문서를 읽고 웹 페이지에 정보를 표시하는 소프트웨어 URL을 통해 접근한다. ex) 크롬, 인터넷 익스플로러, 파이어폭스, 네이버웨..
