영상
개념
<!DOCTYPE html>
<html lang="ko">
<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 style="border: 3px solid red;">
<h2>사자</h2>
사자는 아프리카에 살며 강한 다리와 턱, <div style="color: red;">긴 송곳니</div> 를 지니고 있다.
</div>
<!--
div 태그는 아무 기능도 없지만 자동 줄 바꿈이된다.
그래서 내용 중간에 간단하게 스타일을 주고싶을때는 span을 사용해야한다.
-->
<div style="border: 3px solid blue;">
<h2>사자</h2>
사자는 아프리카에 살며 강한 다리와 턱, <span style="color: red;">긴 송곳니</span>를 지니고 있다.
</div>
</body>
</html>
HTML
복사