익스랩 - experience laboratory

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

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

17.HTML Block

모든 HTML 요소에는 요소 유형에 따라 기본 표시 값이 있습니다. 표시 값은 block과 inline입니다. Block-level 요소 block-level 요소는 항상 새 줄에서 시작하여 사용 가능한 전체 너비를 차지합니다 (가능한 왼쪽과 오른쪽으로 확장합니다). The element is a block-level element. See the Pen 01.Block-level Elements by heunho (@heunho) on CodePen. HTML의 Inline 요소 : 요소 요소는 종종 일부 텍스트의 컨테이너로 사용됩니다. 요소에는 필수 속성이 없지만 style, class 및 id가 일반적입니다. CSS와 함께 사용되는 경우 요소를 사용하여 텍스트 부분의 스타일을 지정할 수 있습니다. ..

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

16.HTML Lists

See the Pen 01.HTML Lists by heunho (@heunho) on CodePen. 정렬되지 않은 HTML List 순서가 없는 List는 태그로 시작합니다. 각 리스트 아이템(항목)은 태그로 시작합니다. 리스트 아이템은 기본적으로 검은 색 원(아이콘)으로 표시됩니다. See the Pen 02.Example - Disc by heunho (@heunho) on CodePen. 참고 : 요소는 테이블의 데이터 컨테이너입니다. 여기에는 모든 종류의 HTML 요소가 포함될 수 있습니다. 텍스트, 이미지, 목록. 기타 테이블 등이 있습니다. 정렬되지 않은 HTML List - 리스트 아이템 마커 선택 CSS list-style-type 속성은 리스트 아이템 마커의 스타일을 정의하는 데 사용..

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

15. HTML Tables

Company Contact Country Alfreds Futterkiste Maria Anders Germany Centro comercial Moctezuma Francisco Chang Mexico Ernst Handel Roland Mendel Austria Island Trading Helen Bennett UK Laughing Bacchus Winecellars Yoshi Tannamuri Canada Magazzini Alimentari Riuniti Giovanni Rovelli Italy See the Pen 01.HTML Tables by heunho (@heunho) on CodePen. HTML 테이블 정의 HTML 테이블은 태그로 정의됩니다. 각 테이블 행은 태그로 정의됩니다. ..

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

14. HTML Images

이미지는 웹 페이지의 디자인을 향상 시킬 수 있습니다. See the Pen 01.Images by heunho (@heunho) on CodePen. HTML 이미지 구문 HTML에서 이미지는 태그로 정의됩니다. 태그는 비어있고 속성만 포함하며 닫기 태그가 없습니다. src속성은 이미지의 URL (웹 주소)을 지정합니다. 대체 속성 alt 속성은 사용자가 어떤 이유로든 이미지를 볼 수 없는 경우 (연결 속도가 느리거나 src 속성에 오류가 있거나, 사용자가 화면 판독기를 사용하는 경우) 이미지의 대체 텍스트를 제공합니다. alt 속성의 값은 이미지를 설명해야합니다. See the Pen 02. The alt Attribute-1 by heunho (@heunho) on CodePen. See the P..