(생활코딩) HTML 이미지 삽입 img, 속성

HTML에서 이미지를 삽입해보자.

<img src="파일위치">

이미지  "www.unsplash.com" 에서 찾아보기

 

<img src="파일제목.jpg"> 입력

 

 

웹페이지에 이미지가 삽입된 것을 확인할 수 있다.

 

해당 상태에서는 이미지가 너무 큰 것을 확인할 수 있다.

여기서 이미지 사이즈를 조정하려면

<img src="파일위치" width="크기">

 

<img src="파일제목.jpg" width=100%">로 이미지 크기 설정

 

 

웹페이지에 이미지 크기가 조정된 것을 확인할 수 있다.

 

<img src="파일위치" width="크기"> 여기서 색칠된 부분을 속성(Attribute)라고 한다.

위치 및 순서는 상관이 없으며, 태그가 태그의 이름만으로는 정보가 부족할 때

이런 속성을 통해서 더 많은 의미를 부가할 수 있게 된다.