[HTML] <img> Tag

 

1. <img> 태그 - 이미지 삽입하기

 

 

기본형

<img src="경로" [속성 = "값"]>

 

 

 

 

 

 

 

     1-1 ) src 속성 - 이미지 파일경로 지정하기

 

 

저장된 이미지 파일 - 서버에 사진 파일까지 함께 업로드

 

웹 상의 링크 복사 이미지 - 인터넷에 접속가능하다면 표시

 

 

 

 

 

 

 

 

     1-2 ) alt 속성 - 이미지를 설명해 주는 대체 텍스트

 

 

<img src="home.jpg" alt="홈으로 가기">

 

이미지를 표시할 수 없는 상황에 텍스트로 대체됨.

 

화면 낭독기가 읽어줄 수 있다.

 

 

 

 

 

 

 

 

 

 

     1-3 ) width , height 속성 - 이미지 크기 조정하기

 

 

 

 예 )

<h1>이미지 크기 조절</h1>
<img src="images/gugudan.jpg" alt="바빠구구단">
<img src="images/gugudan.jpg" width="250" height="250" alt="바빠구구단">