블록요소와 라인요소라 처음 들어보실수도 있고 쉽게 연상되지 않는 단어인것 같습니다.
하지만 HTML의 태그는 두가지 요소중에 하나라는 사실!!
엄청 간단합니다.
html태그중 개행을 해주는 태그는 무엇이죠? 바로 br 태그입니다.
블록요소란? 개행태그가 없이도 개행되는 태그
라인요소란? 개행태그가 없으면 개행되지 않는 태그
블록요소 태그들
:div , p ,li ......
라인요소 태그들
:input , span ......
<코드>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | <!DOCTYPE html> <html> <head> <meta charset="EUC-KR"> <title>Insert title here</title> </head> <body> <p>block</p> <ul> <li>itme1</li> <li>item2</li> <li>itme3</li> </ul> <div>block 1</div> <div>block 2</div> <div>block 3</div> <div>block 4</div> <br/><br/> <span>inline1</span> <span>inline2</span> <span>inline3</span><br/> <span>inline4</span> <span>inline5</span> </body> </html> | cs |
<결과>
'프로그래밍 강의 > HTML 과 CSS' 카테고리의 다른 글
| [HTML/CSS] Chapter8. 속성 선택자를 사용한 CSS (0) | 2018.09.15 |
|---|---|
| [HTML/CSS] Chapter7. id(#) , class(.) 을 이용한 CSS (0) | 2018.09.15 |
| [HTML/CSS] Chapter5. Form 폼 태그!! (0) | 2018.09.14 |
| Chapter4. 테이블 태그!! (0) | 2018.09.06 |
| Chapter3. 리스트 태그!! (0) | 2018.09.06 |
