HTML5 공간분할태그
- 각종정보모음/컴퓨터
- 2020. 3. 15.
HTML5 대표적인 공간 분할 태그는 div 태그와 span 태그가 있음
div태그는 공간을 블록 형식으로 분할하고 span 태그는 공간을 인라인 형식으로 분할함
| 태그 | 설명 |
| div | 블록형식으로 공간분할 |
| span | 인라인 형식으로 공간 분할 |
공간을 블록 형식으로 분할하기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>div태그 block 형식</div>
<div>div태그 block 형식</div>
<div>div태그 block 형식</div>
<div>div태그 block 형식</div>
<div>div태그 block 형식</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<span>span태그 inline형식</span>
<span>span태그 inline형식</span>
<span>span태그 inline형식</span>
<span>span태그 inline형식</span>
<span>span태그 inline형식</span>
</body>
</html>
| 블록형식태그 | 인라인 형식태그 |
| div태그 | span태그 |
| h1~h6태그 | a태그 |
| p태그 | input태그 |
| 목록태그 | 글자형식태그 |
| 테이블태그 | 입력양식태그 |
'각종정보모음 > 컴퓨터' 카테고리의 다른 글
| CSS - 속성 선택자 (13) | 2020.03.16 |
|---|---|
| CSS 기본선택자(전체선택자/태그선택자/아이디선택자/클래스선택자) (30) | 2020.03.15 |
| HTML5 시맨틱 태그 (4) | 2020.03.15 |
| HTML5 입력양식 종류 - 입력양식 태그 (7) | 2020.03.15 |
| HTML5 입력양식 종류 - 기본입력양식 태그 (21) | 2020.03.15 |
| HTML5 audio,video태그 예시 정리 (28) | 2020.03.14 |