모든 HTML 요소는이 요소의 유형에 따라 기본 표시 값이 있습니다. 대부분의 요소의 기본 표시 값은 블록 또는 인라인.
블록 수준 요소
블록 레벨 요소는 항상 새 줄에 시작하고 사용할 수있는 전체 폭을 차지 (stretches out to the left and right as far as it can) .
<div> 요소는 블록 레벨 요소이다.
블록 레벨 요소의 예 :
- <div>
- <h1> - <h6>
- <p>
- <form>
인라인 요소
인라인 요소는 새로운 라인에서 시작 만 필요한만큼의 폭을 차지하지 않습니다.
이는 인라인 <span> 단락 내부 소자.
인라인 요소의 예 :
- <span>
- <a>
- <img>
<div> 요소
<div> 요소는 종종 다른 HTML 요소들에 대한 컨테이너로서 사용되는 블록 레벨 요소이다.
<div> 요소는 필수 속성이 없습니다,하지만 style 과 class 일반적이다.
CSS와 함께 사용하면, <div> 요소는 내용의 스타일 블록에 사용할 수 있습니다 :
예
<div style="background-color:black; color:white; padding:20px;">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div> »그것을 자신을 시도 <span> 요소
<span> 요소들은 텍스트에 대한 컨테이너로서 사용되는 인라인 요소이다.
<span> 요소는 필수 속성이 없습니다,하지만 style 과 class 일반적이다.
CSS와 함께 사용하면, <span> 요소는 텍스트의 스타일 부분에 사용할 수 있습니다 :
HTML 그룹화 태그
| 꼬리표 | 기술 |
|---|---|
| <div> | 문서의 섹션을 정의 (block-level) |
| <span> | 문서에 섹션을 정의합니다 (inline) |