##태그의 구분과 인라인 텍스트 요소
블록 레벨 요소 : 속한 영역의 너비를 모두 차지하여 블록을 형성
<h>,<p>는 속한 영역을 다 차지하는 블록 요소다.
인라인 요소 : 필요한 만큼의 공간만 차지
<strong>,<em>,<mark>는 지정된 영역의 공간만 차지하고 다른영역에는 영향을 주지 않는다.
블록 요소 안에 블록 요소를 생성시키면 사이에 공백이 생긴다.
실습
<p>
<p><strong>굵은 글자</strong></p>
<em>기울여진 글자</em>
<mark>형광 글자</mark>
</p>##이미지 표시하기
img태그는 단일 태그이며 표시할 이미지에 대한 정보를 속성으로 지정해주어야 한다.
형태) <img src="이미지" alt="이미지 설명" />
src는 이미지의 url을 입력받는다, alt는 이미지 로딩에 실패했거나 이미지 로딩중일때 이미지 대신에 표시되는 텍스트
이미지가 표시될 크기를 지정할수있는데 이때 값은 단위없이 정수값만 입력해야한다.
형태) <img src="이미지" alt="이미지 설명" width="너비값" height="높이값" />
실습
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>이미지</title>
</head>
<body>
<img src="images/개구리.png" alt="개구리" width="500" height="300" />
</body>
</html>
잃어버린 한쪽 에어팟