HTML에서 이미지 삽입하기

이미지를 삽입해봅시다!

<img> 태그를 삽입하면 이미지를 넣을 수 있습니다.

<img src="이미지 파일의 URL"

alt="문자열"

width="이미지 폭"

height="이미지 높이">

이렇게 img라는 태그안에서 여러가지 속성을 이용할 수 있다.

이 중에서 src 와 alt는 필수 속성으로 꼭 작성해야한다.

​

다음은 <img> 태그를 사용하여 고양이 사진을 넣은 예시이다.

src부분에는 내 컴퓨터 안에서 사진의 위치를 넣어주고 alt는 사진이 뜨지않을 경우 나오는 글씨이다. 뒤는 사진의 크기. alt는 검색엔진에 반영되므로 아래의 경우 고양이 사진이라고 작성해도 될것같다.

​

고양이 사진을 웹에 띄우기

​