HTML문서51 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. HTML 순서 리스트(Ordered Lists) HTML 태그는 순서 리스트를 정의한다. 순서 리스트는 숫자 또는 알파벳 순일 수 있다. HTML 순서 리스트 순서 리스트는 태그로 시작한다. 각 리스트 항목은 태그로 시작한다. 리스트 항목은 기본적으로 숫자로 표시된다: 순서 리스트 커피 차 우유 HTML 순서 리스트 - type 속성 태그의 type 속성은 리스트 항목 마커의 유형을 정의한다: type 설명 type="1" 리스트 항목의 번호는 숫자로 지정됩니다(기본값) type="A" 리스트 항목에는 대문자로 번호가 매겨집니다 type="a" 리스트 항목에는 소문자로 번호가 매겨집니다 type="I" 리스트 항목에는 대문자 로마자 번호가 지정됩니다 type="i" 리스트 항목에는 소문자 로마자 번호가 지정됩니다 숫자 순서 리스트 커피 차 우유 대문자.. 2023. 5. 15. 이전 1 ··· 4 5 6 7 8 9 10 ··· 13 다음
