본문 바로가기

HTML156

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.
HTML 리스트(Lists) HTML 목록을 사용하면 웹 개발자가 리스트에서 관련 항목 집합을 그룹화할 수 있다. 순서가 지정되지 않은 HTML 리스트 커피 차 우유 순서가 지정된 HTML 리스트 커피 차 우유 순서가 지정되지 않은 HTML 리스트 순서가 지정되지 않은 리스트는 태그로 시작한다. 각 목록 항목은 태그로 시작한다. 리스트 항목은 기본적으로 글머리 기호(작은 검은색 원)로 표시된다: 순서가 지정되지 않은 HTML 리스트 커피 차 우유 순서가 지정된 HTML 리스트 순서가 지정된 리스트는 태그로 시작한다. 각 목록 항목은 태그로 시작한다. 리스트 항목은 기본적으로 숫자로 표시된다: 순서가 지정된 HTML 리스트 커피 차 우유 HTML 설명 리스트(HTML Description Lists) HTML은 설명 리스트도 지원한다.. 2023. 5. 14.