HTML 기본 문법 - 속성 & <img> 태그

HTML 속성 (HTML attribute)

속성(attribute)은 태그의 동작을 제어하기 위해 여는 태그 안에 사용

속성은 요소 유형의 기본 기능을 수정하거나, 아니면 스스로 기능하지 못하는 특정한 요소 유형에 기능을 제공한다.

 

* HTML 문법에서 속성은 HTML 시작 태그에 추가

 

---

<img> 태그

웹페이지에 이미지를 추가하고 싶다면 <img> 태그를 이용하면 됨

<img> 태그 만으로는 원하는 이미지를 불러올 수 없기 때문에 

src라는 속성을 이용하여 이미지를 불러올 수 있다.

 

ex) <img src="https://blog.kakaocdn.net/dn/bshVDj/btr1WlbRDPl/wznf7FcUrzgWqmfKD1NBAK/img.png">

 

또는 width 속성을 이용하여 사진의 크기를 설정해줄 수도 있다.

ex) <img src="https://blog.kakaocdn.net/dn/bshVDj/btr1WlbRDPl/wznf7FcUrzgWqmfKD1NBAK/img.png" width="400">

 

---

 

▼ <img> 태그를 이용한 예시 코드

 

<img src="사진링크" width="400>

에서 src="사진링크", width="400 부분이 속성

 

 

 

▼ 위 코드에 대한 실행 결과

 

이미지가 추가되고 사진 크기도 조절된 것을 확인할 수 있다!