HTML 인라인 요소와 블록 수준은 무엇입니까?
- DDD원래의
- 2023-08-21 14:22:234895검색
HTML 인라인 요소 및 블록 수준 요소에는 다음이 포함됩니다. 1. 인라인 요소에는 a,span,strong,em,img,input,button,label 등이 포함됩니다.2.블록 수준 요소에는 div,p,h1-h6이 포함됩니다. , ul, ol, li, table, form 등 3. 인라인 요소와 블록 수준 요소 모두 "display: block;"이 사용되면 a, span, img 등이 블록 수준 요소가 됩니다.
이 문서의 운영 환경: Windows 10 시스템, Dell G3 컴퓨터.
HTML의 요소는 인라인 요소와 블록 수준 요소의 두 가지 유형으로 나눌 수 있습니다. 이 두 요소는 페이지 레이아웃과 표시에서 서로 다른 특성을 갖습니다.
인라인 요소:
인라인 요소는 기본적으로 행을 차지하지 않으며 같은 줄에 가로로 배열됩니다. 인라인 요소는 내용에 필요한 공간만 차지하며 강제로 줄바꿈을 하지 않습니다.
일반적인 인라인 요소는 다음과 같습니다:
: 텍스트의 인라인 요소에 스타일을 지정하거나 그룹화하는 데 사용됩니다.
: 강조를 표현하는 데 사용되는 텍스트입니다.
: 이탤릭체나 강조된 텍스트를 나타내는 데 사용됩니다.
: 이미지를 삽입하는 데 사용됩니다.
: 입력 필드를 만드는 데 사용됩니다.
: 버튼을 만드는 데 사용됩니다.
블록 요소:
블록 수준 요소는 단독으로 한 줄을 차지하며 줄 바꿈은 자동으로 전후에 추가됩니다. 가능한 한 상위 요소의 너비를 채웁니다.
일반적인 블록 수준 요소는 다음과 같습니다.
: 단락을 정의하는 데 사용됩니다.
-: 제목을 정의하는 데 사용됩니다.
- : 순서가 지정되지 않은 목록을 만드는 데 사용됩니다.
- : 목록 항목을 정의하는 데 사용됩니다.
: 테이블을 만드는 데 사용됩니다.
- : 순서가 지정된 목록을 만드는 데 사용됩니다.