HTML.03. Block요소와 Inline요소

블록레벨요소(Block-level elements)란?

웹페이지 상에 블록(Block)을 만드는 요소

:앞뒤 요소 사이에 새로운 줄(line) 생성

 

블록 레벨 요소는 항상 새 행에서 시작하고, 사용 가능한 전체 폭을 차지함

블록 레벨 요소는 인라인 요소에 중첩될 수 없음

 

일반적인 블록 요소 <p>와<div>

<p>: HTML 문서의 문단을 정의

<div>: HTML 문서에서 분할 또는 섹션을 정의

기타 블록 요소들

<address> <article> <aside> <blockquote> <canvas> <dd> <div> <dl> <dt> <fieldset> <figcaption> <figure> <footer> <form> <h1>-<h6> <header> <hr> <li> <main> <nav> <noscript> <ol> <p> <pre> <section> <table> <tfoot> <ul> <video>

 

인라인 레벨 요소(Inline-level elements)

항상 블록 레벨 요소 안에 포함되는 요소

: 인라인 요소는 새로운 줄을 생성하지 않음

 

인라인 요소는 새 행에서 시작되지 않음

인라인 요소는 필요한 만큼만 너비를 차지

인라인 요소는 블록 수준 요소를 포함할 수 없음

기타 인라인 요소들

<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>