이미지 표시하기

✏️img 태그

이미지를 표시할 때 사용하는 태그로 단일태그
표시할 이미지에 대한 정보를 속성으로 지정해야 함

• src 속성 : 이미지의 위치정보와 파일명, 즉 url

<img src="url">
동일 폴더 내 있을 경우 파일명만 작성

<img src="url">
하위 폴더 내 있을 경우 동일 하위 폴더명 부터 작성

<img src="url">
상위 폴더 내 있을 경우 ../으로 상위 폴더 이동

---

✏️img 추가 속성

• alt 속성 : 이미지 로딩 전 또는 실패 시 표시되는 대체 텍스트

<img src="url" alt="텍스트">

• width 속성, height 속성 : 각각 이미지 넓이와 높이 지정(px 단위)
  넓이와 높이 중 하나만 입력 시 원본 이미지 비율에 맞춰 자동 조정

<img src="url" width="숫자">
<img src="url" height="숫자">