반응형
<div>태그
div 태그는 Division의 약자로 웹페이지의 공간을 분할할 때 즉, 레이아웃을 나눌 때 사용되는 태그입니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Cocoon</title>
</head>
<body>
<div style="background:red">Div1 </div>
<div style="background:skyblue; width:150px; height:150px">Div2</div>
</select>
</body>
</html>
<span>태그
span태그는 inline형식으로 내용만큼만 자신의 영역을 지정합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Cocoon</title>
</head>
<body>
<span style="background:green">Div1</span>
<span style="background:skyblue">Div2</span>
</select>
</body>
</html>
📚 참고
참고 서적 - 웹코딩 시작하기 (저자 김태영)
반응형
'🌐WEB' 카테고리의 다른 글
| [HTML5] 공간태그 - nav태그 / section태그 / article태그의 사용법 (0) | 2020.12.12 |
|---|---|
| [HTML5] 공간태그 - header태그와 footer태그의 사용법 (0) | 2020.12.11 |
| [HTML5] form 태그 (폼 태그) 사용법 (input, label, select 태그) (0) | 2020.12.10 |
| [HTML5] HTML 소개 및 태그 설명 (0) | 2020.12.09 |
| [WEB] 웹 개발을 위한 개발환경 구축 후 "Hello World!" 출력해보기 (0) | 2020.12.08 |