🔴 HTML Inline 요소와 block 요소

✅ Inline 요소

• 종류 : <a>, <b>, <br>, <button>, <cite>, <em>, <i>, <img>, <input>, <label>, <script>, <select>, <small>, <sapn>, <strong>, <sub>, <sup>, <textarea>

  → button등 일부는 일반적으로 브라우저에서 inline-block요소로 변환되었다.

• 내용부의 크기가 요소의 크기를 결정한다.

  (1. 높이, 너비, 외부/내부 여백 설정 불가! 2. 줄바꿈을 강제하지 않는다. 3. 보통은 데이터와 인라인 요소만 포함!)
  

✅ block level 요소

• 종류 : <article>, <aside>, <blockquote>, <div>, <footer>, <form>, <h1>, <h6>, <header>, <hr>, <li>, <nav>, <ol>, <p>, <section>, <ul>
• 자체적인 크기와 여백을 가진다.
• 부모 요소의 한 줄을 독점, 강제 줄바꿈을 한다.
• 일반적으로 타 인라인 요소와 블록 레벨 요소를 포함 가능하다.

✅ inline-block 요소

• inline요소와 block요소의 특징을 혼합한 것이다.
• 자체적인 크기와 여백을 가진다.
• 줄바꿈을 강제하지는 않는다.

🔴 HTML 구획과 시맨틱 요소