img태그의 src속성으로 이미지 넣어보기

웹페이지에 이미지를 넣는다고 하자. 웹페이지에 이미지를 넣는 태그는 img이다. 우리는 어떤 이미지를 불러올지 정보를 넣어줘야 한다.

아래와 같이 src="..." 이렇게 적고 이미지의 주소를 넣어주자.

<img src="<https://www.aviary.org/wp-content/uploads/2020/09/owl-o-ween-for-web-e1602272060600.png>" alt="">

위에서 사용한 src같은 것들을 속성(attribute)라고 한다.

내 컴퓨터에 있는 이미지도 업로드 할 수 있다.

이미지를 프로젝트 폴더에 위치시켜야 한다.

html파일에 대해 불러올 사진의 상대경로를 src에 붙여 넣으면 된다.

위와 같이 속성은 태그의 이름만으로는 정보가 부족할 때 사용한다.


back_to_top