17.HTML Block

모든 HTML 요소에는 요소 유형에 따라 기본 표시 값이 있습니다.

표시 값은 block과 inline입니다.

 

 

 

 

Block-level 요소

---

block-level 요소는 항상 새 줄에서 시작하여 사용 가능한 전체 너비를 차지합니다

(가능한 왼쪽과 오른쪽으로 확장합니다).

The <div> element is a block-level element.

See the Pen 01.Block-level Elements by heunho (@heunho) on CodePen.

 

HTML의 Inline 요소 :

<a>	<abbr>	<acronym>	<b>	<bdo>	<big>	<br>
<button>	<cite>	<code>	<dfn>	<em>	<i>	<img>
<input>	<kbd>	<label>	<map>	<object>	<output>	<q>
<samp>	<script>	<select>	<small>	<span>	<strong>	<sub>
<sup>	<textarea>	<time>	<tt>	<var>

 

 

 

 

 

<div> 요소

---

<div> 요소는 종종 다른 HTML 요소의 컨테이너로 사용됩니다.

<div> 요소에는 필수 속성이 없지만 style, class 및 id를 사용하는 것이 일반적입니다.
CSS와 함께 사용하면 <div> 요소를 사용하여 컨텐츠 블록의 스타일을 지정할 수 있습니다.

See the Pen 02.The div Element by heunho (@heunho) on CodePen.

 

 

 

 

<span> 요소

---

<span> 요소는 종종 일부 텍스트의 컨테이너로 사용됩니다.
<span> 요소에는 필수 속성이 없지만 style, class 및 id가 일반적입니다.
CSS와 함께 사용되는 경우 <span> 요소를 사용하여 텍스트 부분의 스타일을 지정할 수 있습니다.

See the Pen 03.The span Element by heunho (@heunho) on CodePen.

 

 

---

틀린 내용, 오타, 오역이 있을 경우 댓글로 알려주시면 감사하겠습니다.

질문도 올려주시면 아는 선에서 답변해드리겠습니다.

---

대부분의 내용의 저작권은 w3schools에 있습니다.

HTML Block and Inline Elements