속성, HTML을 더 선명하게

속성(Attribute) : HTML요소에 추가적인 정보를 전달할 때 쓰는 요소의 수정자

웹페이지에 이미지를 넣고 싶을 때는 <img>태그를 이용하면 된다.
그런데 그냥 <img>만 적어주면 어떤 이미지를 어디서 가져와야 하는지 컴퓨터는 모른다.
이럴 때 필요한게 속성(Attribute)이다.

<img src="다운로드.jpg">

컴퓨터에 저장되어 있던 파이썬 로고 jpg파일을 로드해 보았다.
속성을 이용하여 크기 또한 바꿔줄 수 있다.

<img src="다운로드.jpg" width=100%>

width=100%로 하면 화면의 폭에 맞게 자동으로 크기가 조절이 된다.
width말고도 boarder라는 속성으로 사진에 경계선(stroke)를 설정할 수 있다. 다른 것들은 나중에 기회가 되면 작성하겠다.