..

Search

src

src

<img> 태그의 src 속성


HTML <img> 태그 ⇒


정의 및 특징

<img> 태그의 src 속성은 이미지 소스의 URL을 명시합니다.

 

브라우저는 웹 페이지가 로딩되는 순간 웹 서버에서 해당 이미지를 가져와 페이지에 삽입합니다. 따라서 웹 페이지와 관련된 이미지가 명시된 URL 위치에 실제로 위치할 수 있도록 확실히 해야 하며, 그렇지 않을 경우 사용자는 끊어진 링크 아이콘을 보게 될 것입니다.


문법

<img src="URL">


속성값

속성값   설명

URL

 

이미지 소스의 URL

 

1. 절대 주소(absolute URL)

ex) src=“http://www.tcpschool.com/sample.jpg”

2. 상대 주소(relative URL)

ex) src=“/media/sample.jpg”


예제

<img src="/examples/images/monalisa.png" alt="모나리자">

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

src 지원함 지원함 지원함 1.0 지원함 지원함

연습문제