[HTML/CSS] #3.속성과 img

우리는 지금까지 태그라는 것을 배워보았는데, 이 태그만으로는 정보가 부족할 수 있다.

그래서 '속성(attribute)' 이라는 문법을 도입하게 되는데, 다음의 코드를 보자.

 

<img src = "https://s3-ap-northeast-2.amazonaws.com/opentutorials-user-file/module/3135/7648.png">

보다시피 img태그에 src라는 속성을 사용해서 어떤 이미지를 넣을지 정보의 표현이 가능해졌다.

 

속성은 꼭 한개만 쓸 수 있는게 아니다. 여러개를 써도 상관없다. 다음의 코드를 보면

 

<img
  src="https://s3-ap-northeast-2.amazonaws.com/opentutorials-user-file/module/3135/7648.png"
  width="50%"
/>

 

width라는 속성을 추가해 이미지의 크기를 임의로 조절할 수 있도록 만들었다.

이와 같이 속성은 부족한 정보의 표현을 가능하게 해준다!