본문 바로가기
HTML

<img src="" alt=""/> 이미지

by 원더링 2021. 12. 20.

Image

 

 

 

이미지를 화면에 나타나게 해주는 태그이며, src속성과 alt속성을 반드시 사용해야 한다.

 

 

▶ src="파일경로" - > 이미지 파일의 경로를 입력하는 속성이다. 인터넷 이미지 주소를 적어도 된다.

 

 

▶ alt="거북이 사진" - > 이미지 파일이 화면에 나오지 않았을 때 보여지는 텍스트를 입력하는 속성이다.

스크린리더를 통해 읽을 수 있기 때문에 청각장애인을 위한 웹이라면 잘 적어주는것이 좋다.

 

 

<!-- 폴더 내 파일 경로 -->
<img src="./images/testudines.jpg" 
alt="거북이가 뒤집혀 있는 사진입니다." />

<!-- 인터넷 이미지 파일 경로 -->
<img src="https://www.freeimages.com/kr/photo/turtle-1351048" 
alt="거북이가 기어가는 사진 입니다." />

'HTML' 카테고리의 다른 글

<dl>정의 리스트</dl>, <dt></dt>, <dd></dd>, <dfn></dfn>  (0) 2021.12.21
<ul> 리스트 </ul>, <ol> 리스트 </ol>  (0) 2021.12.20
<a href=""> 링크 </a>  (0) 2021.12.20
<strong> 강조 </strong>, <em> 강조 </em>  (0) 2021.12.19
<p> 문단 </p>  (0) 2021.12.19