익스랩 - 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..

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

22.HTML File Paths

경로 설명 picture.jpg는 현재 페이지와 동일한 폴더에 있습니다 picture.jpg는 현재 폴더의 image 폴더에 있습니다. picture.jpg는 현재 웹 루트의 image 폴더에 있습니다. picture.jpg는 현재 폴더에서 한 단계 위의 폴더에 있습니다. HTML 파일 경로 파일 경로는 웹 사이트의 폴더 구조에서 파일의 위치를 ​​설명합니다. 파일 경로는 다음과 같이 외부 파일에 연결할 때 사용됩니다. 웹 페이지 이미지 Style sheets JavaScripts 절대 파일 경로 절대 파일 경로는 인터넷 파일의 전체 URL을 작성해야 합니다. 예시 태그는 HTML Images에서 자세히 설명합니다. 상대 파일 경로 상대 파일 경로는 현재 페이지를 기준으로 파일을 가리 킵니다. 예시 - ..

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

20.HTML Iframes

iframe은 웹 페이지 내에 웹 페이지를 표시하는 데 사용됩니다. Iframe 구문 HTML iframe은 태그로 정의됩니다. src 속성은 인라인 프레임 페이지의 URL (웹 주소)을 지정합니다. Iframe-height 및 width 설정 height 및 widtgh 속성을 사용하여 iframe의 크기를 지정하십시오. 높이와 너비는 기본적으로 픽셀 단위로 지정됩니다. See the Pen 01.Iframe - Set Height and Width-01 by heunho (@heunho) on CodePen. 또는 CSS를 사용하여 iframe의 높이와 너비를 설정할 수 있습니다. See the Pen 01.Iframe - Set Height and Width-02 by heunho (@heunho)..