분류 전체보기589 HTML id 속성 HTML id 속성은 HTML 요소의 고유 ID를 지정하는 데 사용된다. HTML 문서에 동일한 ID를 가진 요소를 둘 이상 가질 수 없다. id 속성 사용하기 id 속성은 HTML 요소의 고유 ID를 지정한다. id 특성의 값은 HTML 문서 내에서 고유해야 한다. id 속성은 스타일시트의 특정 스타일 선언을 가리키는 데 사용된다. 또한 JavaScript에서 특정 ID로 요소에 액세스하고 조작하는 데 사용된다. id의 구문은 해시 문자(#)를 쓴 다음 id 이름을 쓴다. 그런 다음 물결 괄호 {} 내에서 CSS 속성을 정의한다. 다음 예제에는 ID 이름 "myHeader"를 가리키는 요소가 있다. 이 요소는 헤드 섹션의 #myHeader 스타일 정의에 따라 스타일이 지정된다: id 속성 CSS를 사용.. 2023. 5. 19. HTML 클래스 속성(Class Attributes) HTML class 속성은 HTML 요소의 클래스를 지정하는 데 사용된다. 여러 HTML 요소가 동일한 클래스를 공유할 수 있다. class 속성 사용하기 class 속성은 종종 스타일시트에서 클래스 이름을 가리킬 때 사용된다. 또한 JavaScript에서 특정 클래스 이름으로 요소에 액세스하고 조작하는 데 사용할 수 있다. 다음 예제에서는 "city" 값을 가진 class 속성을 가진 세 개의 요소가 있습니다. 세 가지 요소는 모두 헤드 섹션의 .city 스타일 정의에 따라 동일하게 스타일이 지정된다: 런던 런던은 영국의 수도이다. 워싱턴 워싱턴은 미국의 수도이다. 서울 서울은 대한민국의 수도이다. 다음 예제에서는 "note" 값을 가진 class 속성을 가진 두 개의 요소가 있습니다. 두 요소는 헤드.. 2023. 5. 18. HTML 블록 및 인라인 요소 모든 HTML 요소는 요소 유형에 따라 기본 표시 값을 가진다. 웹 페이지는 레이아웃 구성에서 가장 중요한 요소 중 하나가 display이다. display 속성은 HTML 레이아웃을 어떻게 표시할 것인지를 결정하는 중요한 속성이다. display 속성에는 block과 inline 중 하나로 정해진다. block은 블록 레벨을 나타내며 해당 요소가 차지하는 높이만큼의 가로 영역 전체를 차지한다. inline은 인라인 레벨로, 너비와 높이 모두 자신이 사용하는 만큼의 영영만 차지한다. 블록 레벨 요소 블록 수준 요소는 항상 새 줄에서 시작되고 브라우저는 자동으로 요소 앞과 뒤에 일부 공간(마진)을 추가한다. 블록 레벨 요소는 항상 사용 가능한 전체 너비를 차지한다(가능한 한 왼쪽과 오른쪽으로 늘어남). 블.. 2023. 5. 17. HTML 기타 리스트 HTML은 설명 리스트도 지원한다. HTML 설명 리스트 설명 리스트는 각 용어에 대한 설명이 포함된 용어 리스트이다. 태그는 설명 리스트를 정의하고, 태그는 용어(이름)를 정의하며, 태그는 각 용어를 설명한다: 설명 리스트 커피 - 검정색 뜨거운 음료 우유 - 흰색 차가운 음료 마무리 HTML 요소를 사용하여 설명 리스트를 정의한다 HTML 요소를 사용하여 설명 용어를 정의한다 HTML 요소를 사용하여 설명 리스트에서 용어를 설명한다 출처 : 이 글의 출처는 w3schools사이트를 참고하였으며 필자가 추가하여 정리한 글입니다. 2023. 5. 16. 이전 1 ··· 77 78 79 80 81 82 83 ··· 148 다음
