[HTML] HTML의 요소

HTML요소는 블록레벨 요소와 인라인 요소로 나뉜다.

---

1. 블록레벨 요소

웹페이지상에 블록을 만드는 요소로, 코드상에서 한줄로 이어쓰더라도 요소와 요소 사이에 새로운 줄을 만들고 나타난다.

대표적으로 <p>, <h>, <ul>, <ol>, <form>, <div>태그가 있다.

See the Pen BaQobBa by Heekng (@heekng) on CodePen.

위처럼 <div>태그를 이용하면 블록 요소이기 때문에 자동 줄바꿈이 된다.<div>태그는 가장 대표적인 블록 요소이며, 주로 여러 요소들의 스타일을 한 번에 적용하기 위해 사용한다.

---

2. 인라인 요소

보통 블록 레벨 요소 내에 포함되어 사용되며, 새로운 줄을 만들지 않고 작성하던 단락 속에서 나타난다.

대표적으로 <span>, <a>, <img>, <em>, <strong>, <sup>, <sub>,...태그 등이 있다.

See the Pen oNYjmZo by Heekng (@heekng) on CodePen.

이전의 블록 요소와는 달리 인라인 요소인 <span>태그는 단락을 나누지 않고, 해당 단락 내의 특정 부분만 묶을 수 있다.

<span>태그는 텍스트의 특정 부분을 묶는데 자주 사용되는 요소이며, 주로 텍스트의 일정 부분에만 스타일을 주기 위해 사용한다.