inline요소 - 줄이바뀌지 않는요소
image src 태그 쓸때 alt는 필수. title은 선택
줄바뀜 & 여백생김
이미지는 줄 안바뀜 - inline요소
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>제목설정</title>
<link rel = "stylesheet" href = "../css/mystyle.css">
<style>
h1,h2,h3,h4,h5,h6{
background : lightgreen;
}
img{
width : 200px;
height : 200px;
}
</style>
</head>
<body>
<pre>
<h1>~ <h6> :
제목을 설정, block요소, 자동으로 줄바꿈
<img> : 정해진 크기만큼 차지한다, inline요소
자동으로 줄이 바뀌지 않는다
</pre>
<!-- 블럭요소. 별다른 태그없이 다음줄로 넘어감 -->
<h1>환영합니다 HTML 세계로 오심을 ~~</h1>
<h2>환영합니다 HTML 세계로 오심을 ~~</h2>
<h3>환영합니다 HTML 세계로 오심을 ~~</h3>
<h4>환영합니다 HTML 세계로 오심을 ~~</h4>
<h5>환영합니다 HTML 세계로 오심을 ~~</h5>
<h6>환영합니다 HTML 세계로 오심을 ~~</h6>
<img src ="../images/강아지3.jpg" alt="강아지3.jpg"title="강아지3">
<img src ="../images/강아지5.jpg" title="강아지5">
</body>
</html>