728x90
반응형
블록 요소(Block-level Elements)
- 블록 요소는 항상 새로운 줄에서 시작하여 가로 너비의 100%를 차지하므로, 블록 요소 다음에는 항상 줄 바꿈이 됩니다.
- 블록 요소는 vertical-align 과 text-align 속성을 적용할 수 없습니다.
- display: inline 속성을 적용하여 인라인 요소로 변경할 수 있습니다.
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 Elements)
- 인라인 요소는 새로운 줄에서 시작하지 않으며, 필요한 만큼의 너비만을 차지합니다.
- 인라인 요소는 블록 요소를 포함할 수 없습니다.
- width 과 height , margin-top 과 margin-bottom 속성을 적용할 수 없습니다.
- display: block 속성을 적용하여 블록 요소로 변경할 수 있습니다.
HTML의 인라인 요소
<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>
728x90