html 3. 이미지 태그 및 속성

이미지 태그

<img src ="구름.jpg">

 

*src=source의 준말

 구름.jpg : url

 

*닫는 태그 없음! (self-closing tag)

  cf) 뒤에 슬래시 있을수도 없을수도 있음

ex.

<img src ="구름.jpg"/> ->o

<img src ="구름.jpg">  -> o

 

*unsplash.com : 저작권 상관없는 이미지 사이트

 

<alt> : img안 뜰때 image묘사함

ex. photo of bread

태그 속성

ex. src

 

속성을 통해 태그에 의미를 부여함.

<img src="구름.jpg" width="100%">

 

태그 속성(attribute) : 속성의 위치는 상관 없음

ex. <img width="100%" src="구름.jpg">