HTML 이미지 추가

<img>태그 사용

태그에는 '속성'을 갖는데 이미지 태그에는 'src' 라고 하는 하나의 속성을 갖음.

이 속성을 이용해서 추가적인 정보나 명령을 받을 수 있음. 

 

src 속성은 필수속성. 이미지의 주소를 받음

alt 속성은 이미지가 깨졌을 때 출력되는 메시지를 설정함.

width, height 속성은 이미지의 너비와 높이를 결정. px, %, em 등의 단위를 가짐

 

예시

<img src = "이미지 주소" width = "500px;" height="300px;" alt="설명">

 

참고자료

<img>: 이미지 삽입 요소 - HTML: Hypertext Markup Language | MDN (mozilla.org)