HTML 페이지에 이미지를 삽입하는 방법은 무엇입니까?

이미지는 HTML 페이지의 모든 섹션에 쉽게 삽입할 수 있습니다. HTML 페이지에 이미지를 삽입하려면 태그를 사용하십시오. 닫는 태그가 필요하지 않으므로 속성만 포함하는 빈 태그입니다.

… 태그 안에 태그를 사용해야 한다는 점을 명심하십시오. src 속성은 이미지 소스, 즉 이미지의 URL을 추가하는 데 사용됩니다. alt 속성은 대체 텍스트를 추가하기 위한 속성, 너비를 추가하기 위한 너비, 이미지의 높이를 추가하기 위한 높이입니다.

예시

다음 코드를 시도하여 HTML 페이지에 이미지를 삽입할 수 있습니다. −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML img Tag</title>
   </head>

   <body>
      <img src="https://www.tutorialspoint.com/html/images/test.png" alt="Simply Easy Learning" width="200" height="80">
   </body>
</html>

출력

HTML 페이지에 이미지를 삽입하는 방법은 무엇입니까?