Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

웹 페이지에서 이미지를 사용하는 방법은 무엇입니까?


웹페이지에서 이미지를 사용하려면 태그를 사용하세요. 태그를 사용하면 이미지 소스, 대체 텍스트, 너비, 높이 등을 추가할 수 있습니다. 대체 텍스트 속성은 이미지 로드에 실패할 때 표시되는 텍스트입니다.

다음은 속성입니다 -

속성 설명
Alt 이미지의 대체 텍스트
높이 이미지 높이
이스맵 서버 측 이미지 맵으로서의 이미지
Longdesc 이미지에 대한 자세한 설명에 대한 URL
문자 이미지의 URL
사용 맵 클라이언트 측 이미지 맵으로서의 이미지
이미지 너비

태그에는 끝 태그가 없습니다.

웹 페이지에서 이미지를 사용하는 방법은 무엇입니까?

예시

다음 코드를 실행하여 웹페이지의 이미지를 HTML로 사용할 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML img tag</title>
   </head>
   <body>
      <h1>Tutorialspoint</h1>
      <h2>Simply Easy Learning</h2>
      <img src="/green/images/logo.png" alt="Tutorialspoint" width="260" height="100">
   </body>
</html>