[HTML] html에 이미지 넣기

myeonji·2022년 1월 5일
0

HTML

목록 보기
3/4

이어서 태그에 대해 정리해보겠다.

img 태그 = self-closing tag


<img /> 형식으로 사용한다.
<img></img> 형식이 아니기 때문에 img 태그 사이에 content가 없다.

img에서만 작동하는 attribute인 src 를 사용하여 이미지의 주소를 넣어보면,

브라우저에 이미지 주소에 해당하는 사진이 나타난다.

꼭 이미지 주소를 사용하는 방식이 아니라더라도,


컴퓨터 파일에 있는 이미지를 사용할 수 있다.

이미지 주소를 사용한 것과 마찬가지로 브라우저에 해당 이미지가 나타난다.

주의할 점

  • 같은 폴더에 이미지가 있을 경우 경로 : 이미지이름.확장자
  • 다른 폴더에 이미지가 있을 경우 경로 : 폴더/이미지이름.확장자

0개의 댓글