뇌 채우기 공간

[html] div블럭 태그와 span 인라인태그 본문

WEB/html,CSS

[html] div블럭 태그와 span 인라인태그

자바칩 프라푸치노 2021. 4. 4. 15:18

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
'WEB/html,CSS' Related Articles more