[HTML] img 태그

본문은 '생활코딩'님의 <WEB1 - HTML & INTERNET> 강의를 수강하고 개인 학습용으로 정리한 내용입니다.

안녕하세요, 오늘은 HTML의 기본 태그 <img> 태그에 대해 알아보겠습니다

 

<img> 태그는 이미지 삽입을 위한 태그로 예상할 수 있듯이 굉장히 자주 사용하는 태그입니다

 

본문에서는 <img> 태그의 사용법에 대해 알아보겠습니다

---

#0. <img> 태그

- <img> 태그는 태그만으로는 정보가 부족하기 때문에 정보를 더 입력하기 위해 '속성'을 사용해야 합니다

- src 속성 = 'source'의 줄임말로 이미지 주소를 입력합니다

- width 속성 = 이미지의 크기를 조절합니다

<p>아이폰 사진</p>
<img src ="https://images.unsplash.com/photo-1512054502232-10a0a035d672?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" 
width = 25%> 

이런 식으로 <img> 태그, 속성을 활용하면 웹 페이지에 이미지를 삽입할 수 있습니다

* 참고로 속성 간 순서는 상관없습니다

---

오늘은 HTML의 기본 태그 <img> 태그 활용법에 대해 알아보았습니다

<img> 태그를 활용해 웹 페이지에 멋진 사진을 추가해보세요!

 

저는 그럼 HTML 기본 문법에 관한 내용으로 다시 찾아뵙겠습니다