생활코딩 따라하기 04. 이미지 추가 태그

<img src="">

: 이미지 추가 태그

src = source

 

※저작권에 걸리지 않는 이미지 사이트

https://unsplash.com/

Beautiful Free Images & Pictures | Unsplash

 

 

웹에 넣을 이미지를 현재 코딩하고 있는 web파일에 넣으면

위와 같이 에디터에 이미지 파일이 추가가 됩니다.

 

 

 

코드 부분에 <img src="img_tiger.jpg">를 추가해주면 웹에 내가 추가한 이미지가 보여집니다.

 

 

 

이미지의 크기는 width="" 를 추가해 지정할 수 있습니다.

<img src="img_tiger.jpg" width="120"> : 크기를 지정할 수 있고

<img src="img_tiger.jpg" width="100%"> : 웹 화면의 퍼센트로 지정할 수 있습니다.

 

 

---

https://www.youtube.com/playlist?list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb

WEB1- HTML & Internet