[HTML] 공간 분할 태그 div & span

예시 1

<!DOCTYPE html>
<html>
<head>
    <title>HTML5 Basic</title>
</head>
<body>
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div>
</body>
</html>

예시 2

<!DOCTYPE html>
<html>
<head>
    <title>HTML5 Basic</title>
</head>
<body>
    <span>Lorem ipsum</span>
    <span>Lorem ipsum</span>
    <span>Lorem ipsum</span>
    <span>Lorem ipsum</span>
    <span>Lorem ipsum</span>
</body>
</html>

div & span 태그

<div> block 형식으로 공간 분할(차곡차곡 쌓아 올려지는 형식)

<span> inline 형식으로 공간 분할(한 줄 안에 차례차례 위치하는 형식)

'HTML > Day36' 카테고리의 다른 글

[HTML] 시멘틱 구조 태그 (0)	2021.12.26
[HTML] fieldset 태그 & legend 태그 (0)	2021.12.26
[HTML] textarea 태그 & select 태그 (2)	2021.12.25
[HTML] form 입력 양식 태그 & input 태그 (0)	2021.12.25
[HTML] video 비디오 태그 (0)	2021.12.25

예시 1

예시 2

'HTML > Day36' 카테고리의 다른 글

티스토리툴바