HelloWorld

[HTML] 주요태그 <img>

프로그래밍 언어/HTML

HTML에서는 웹페이지에 이미지를 올릴 수 있게 <img>태그를 제공합니다.

src 이미지 파일 경로를 지정합니다
width 이미지의 넓이를 나타냅니다
height 이미지의 높이를 나타냅니다
alt 이미지가 표시되지 않는 사용자 에이전트에서 이미지 대신에 표시할 텍스트를 나타냅니다
title 이미지 위에 마우스를 올려놓았을 때 이미지에 대한 설명을 부여할 수 있습니다
usemap 이미지와 관련된 이미지 맵이 있음을 나타냅니다

 

 

<img>태그를 사용한 소스코드 입니다.

 

 

웹브라우저로 본 화면입니다.

 

 

만약 이미지 파일의 경로를 잘 못 적었거나 파일이 존재하지 않은 경우, alt속성이 어떻게 실행되는지 확인해 봅시다.

src속성의 값을 임의로 바꾸어 파일을 찾지 못하게 하였습니다.

'프로그래밍 언어 > HTML' 카테고리의 다른 글

[HTML] 입력양식 <form>태그  (0) 2019.08.29
[HTML] 주요태그 <table>, <tr>, <td> 태그  (0) 2019.08.29
[HTML] 주요태그 <p>, <br>  (0) 2019.08.29
[HTML] 웹사이트 만들기  (0) 2019.08.29
[HTML] <!DOCTYPE>  (0) 2019.08.29