익스랩 - experience laboratory

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)..

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

19. HTML Id

ID 속성 사용 id 속성은 HTML 요소의 고유 ID를 지정합니다. (HTML 문서 내에서 ID가 중복되면 안 됩니다.) CSS 및 JavaScript는 id 값을 이용하여 특정 id값을 가진 요소에 대해 특정 작업을 수행할 수 있습니다. CSS에서 특정 ID를 가진 요소를 선택하려면 해시(#) 문자를 쓰고 그 뒤에 요소의 ID를 입력하세요. See the Pen 01.Using The id Attribute by heunho (@heunho) on CodePen. TIP : id 속성은 모든 HTML 요소에서 사용할 수 있습니다. 참고 : id값은 대소문자를 구분합니다. 참고 : id값은 하나 이상의 문자를 포함해야 하며 공백을 포함해서는 안됩니다. Class와 ID의 차이점 HTML 페이지는 하나의..

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

18.HTML Classes

Class 속성 사용 HTML 클래스 속성은 클래스 이름이 동일한 요소에 동일한 스타일을 정의하는 데 사용됩니다. 따라서 동일한 클래스 속성을 가진 모든 HTML 요소는 동일한 스타일을 갖습니다. 아래 예제는 동일한 클래스 이름을 가리키는 세 개의 요소가 있습니다. See the Pen 01.Using The class Attribute by heunho (@heunho) on CodePen. Inline 요소에서 Class 속성 사용 HTML 클래스 속성은 Inline 요소에도 사용할 수 있습니다. See the Pen 02.Using The class Attribute on Inline Elements by heunho (@heunho) on CodePen. 팁 : class 속성은 모든 HTML 요..