div태그와 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
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 개행을 하지 않아도 블럭 형식으로 분리가 된다 -->
<div>block1</div>
<div>block2</div>
<div>block3</div>
<div>block4</div>
<div>block5</div>
<br>
<!-- 라인으로 쭉 이어진다 -->
<span>inline1</span>
<span>inline2</span>
<span>inline3</span>
<span>inline4</span>
</body>
</html>
|
cs |
결과
728x90
'WEB > html,CSS' 카테고리의 다른 글
| [html][css] 선택자를 통한 css속성 변경 (0) | 2021.04.04 |
|---|---|
| [html] 웹 표준 완전 기초 레이아웃/ 시멘틱을 이용한 레이아웃 (0) | 2021.04.04 |
| [html] form태그 사용/ 설문조사 만들기 (0) | 2021.04.04 |
| 웹페이지에 파비콘 넣는법 favicon (0) | 2021.02.03 |
| [html] Bootstrap 사용하기 (0) | 2020.12.30 |