HTML에서 일반적으로 사용되는 블록 수준 요소는 다음과 같습니다.
- : 일반적으로 CSS 레이아웃의 컨테이너로 문서에서 분리된 블록을 정의합니다.
: 자동으로 줄바꿈하고 단락 간격을 추가하는 단락을 정의합니다.
- 및
- : 순서가 없는 목록과 순서가 있는 목록을 정의합니다. 각 목록 항목은 블록 수준 요소입니다.
- :
- 또는
- 에 포함되어야 하는 목록 항목을 정의합니다.
~
: 제목을 정의합니다. 여기서
은 최상위 제목입니다.
, 또한 HTML에는 블록 수준 요소인
, 등과 같은 일부 의미 태그도 있습니다. CSS에서 display: inline-block;을 설정하면 일부 블록 수준 요소를 인라인 블록 요소로 변환하여 보다 유연한 레이아웃 효과를 얻을 수 있습니다.
일반적으로 사용되는 인라인 요소는 다음과 같습니다.
- : 텍스트의 작은 부분을 정의하며 일반적으로 텍스트 스타일(예: 색상, 글꼴 등)을 설정하거나 다른 태그를 래핑하는 데 사용됩니다.
- : 다른 인라인 요소나 블록 수준 요소를 포함할 수 있는 하이퍼링크를 정의합니다.
- 및 : 각각 강조된 텍스트와 기울임꼴 텍스트를 나타내는 데 사용됩니다.
: 닫는 태그가 없는 빈 태그인 이미지를 정의합니다.
- : 일반적으로 CSS를 통해 스타일이 지정되는 여러 유형(예: 텍스트 상자, 라디오 상자, 확인란 등)을 포함하여 사용자 입력에 대한 양식 컨트롤을 정의합니다.
또한