HTML5 동영상강좌 바로가기

HTML 태그 - img

본문

 

HTML 태그 - img

<img>태그는 그림(사진)을 표시할 때 사용합니다.

속성

src : 그림(사진)의 위치를 지정합니다.

alt : 이미지 대신 보여줄 글을 지정할 때 사용합니다. 이미지가 지원하지 않는 브라우저 사용자를 위해 반드시 사용하는 것이 좋습니다.

width, height : 그림(사진)의 너비와 높이를 지정합니다.

usemap : image map으로 이용할 경우 사용됩니다.

align : html5에서 삭제되었습니다. 

 

샘플

<!DOCTYPE html>
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta name="author" content="코리아뉴스" />
 <title> html공부 </title>
 <link rel="stylesheet" type="text/css" href="default.css" / >
 <style type="text/css">
 body {
  color:red;
 }
 </style> 
 </head>
 <body>
  <section>
   <h1>img태그</h1> 
   <p> <img src="sample.jpg" alt="샘플이미지" />   </p>
  </section>
  <div id="related">
   <p>영역 </p>
  </div>
  <footer>
      <address> 전화 : 031-574-3659, E-mail : master@koreanews.com </address> 
                             Copyright ⓒ 2013 Koreanews co.,  All Rights Reserved.
  </footer>
 </body> 

</html> 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기
다음글HTML 태그 - i


HTML5 동영상강좌 바로가기