익스랩 - experience laboratory

IT 언어 연구소/HTML,CSS [초급, 기본 개념, W3C 번역]

25. HTML 반응형 웹 디자인

반응형 웹 디자인이란 무엇일까요? 반응 형 웹 디자인은 HTML 및 CSS를 사용하여 웹 사이트의 크기를 자동으로 조정, 숨기기, 축소 또는 확대하여 모든 장치 (데스크톱, 태블릿 및 전화)에서 보기 좋게 보이도록 합니다. See the Pen 00.Resize the browser window by heunho (@heunho) on CodePen. 참고 : 해당 방법을 사용하면 모든 장치에서 웹 페이지가 이쁘게 잘 보입니다. 뷰포트 설정 반응형 웹 페이지를 만들 때는 모든 웹 페이지에 다음 요소를 추가하세요. 그러면 페이지의 뷰포트가 설정되어 페이지의 크기와 크기를 제어하는 방법에 대한 브라우저 지침이 제공됩니다. 다음은 뷰포트 메타 태그가 없는 웹 페이지와 뷰포트 메타 태그가 있는 동일한 웹 페이지..

IT 언어 연구소/HTML,CSS [초급, 기본 개념, W3C 번역]

24.HTML Layouts

See the Pen 01.CSS Layout Float by heunho (@heunho) on CodePen. HTML 레이아웃 요소 웹 사이트는 종종 잡지 나 신문과 같이 여러 열로 콘텐츠를 표시합니다. HTML은 웹 페이지의 다른 부분을 정의하는 몇 가지 의미를 가진 요소를 제공합니다. : 문서 또는 섹션의 헤더를 정의합니다. : 네비게이션 링크를 위한 컨테이너를 정의합니다. : 문서에서 섹션을 정의합니다. : 문서 내에 일정 구역을 독립적으로 정의합니다. : 사이드 바처럼 주요한 주제가 아닌 부차적인 내용을 정의합니다. : 문서 또는 섹션의 바닥 글을 정의합니다. : 추가 세부 사항을 정의합니다. : 요소의 제목을 정의합니다. HTML 레이아웃 기법 여러 레이아웃을 만드는데 5가지 방법이 존재합..

IT 언어 연구소/HTML,CSS [초급, 기본 개념, W3C 번역]

23.HTML Head

HTML body 요소의 내용이 브라우저 창에 표시됩니다. 제목 요소의 내용은 브라우저 탭, 즐겨 찾기 및 검색 엔진 결과에 표시됩니다. HTML 요소 요소는 단일 HTML 페이지에 대한 스타일 정보를 정의하는 데 사용됩니다. See the Pen 1.The HTML Element by heunho (@heunho) on CodePen. HTML 요소 요소는 외부 스타일 시트에 연결하는 데 사용됩니다. See the Pen 02.The HTML Element by heunho (@heunho) on CodePen. HTML 요소 요소는 사용되는 문자 세트, 페이지 설명, 키워드, 작성자 및 기타 메타 데이터를 지정하는 데 사용됩니다. 메타 데이터는 브라우저 (컨텐츠 표시 방법), 검색 엔진(키워드) 및 ..

IT 언어 연구소/HTML,CSS [초급, 기본 개념, W3C 번역]

21. HTML JavaScript

JavaScript는 HTML 페이지를 보다 역동적이고 상호작용이 가능하게 만들어줍니다. See the Pen 00.HTML JavaScript by heunho (@heunho) on CodePen. HTML 다양한 자바스크립트 예제 다음은 JavaScript로 수행할 수 있는 작업을 예시로 든 예제들입니다. JavaScript는 HTML 내용을 변경할 수 있습니다. See the Pen 02.A Taste of JavaScript-1 by heunho (@heunho) on CodePen. JavaScript는 HTML 스타일을 변경할 수 있습니다. See the Pen 02.A Taste of JavaScript-2 by heunho (@heunho) on CodePen. JavaScript는 HT..