html img 태그

HTML 태그 이미지를 삽입하는 데 사용됩니다.

다음 속성을 가질 수 있습니다.

  • src: 이미지 파일의 URL
  • alt: 이미지의 대체 텍스트(스크린 리더 사용자용)
  • 너비: 이미지의 너비(픽셀 또는 백분율)
  • 높이: 이미지의 높이(픽셀 또는 백분율로 지정)
  • 제목: 이미지의 내용 설명(마우스오버 시 툴팁 형식으로 표시)

를 사용하여 웹 페이지에 이미지 삽입 -태그는 웹 페이지의 시각적 디자인을 향상시키고 사용자 경험을 향상시킬 수 있습니다.

이미지에 대한 대체 텍스트를 제공하여 웹 접근성을 향상시킬 수도 있습니다.

쉬운 목차

사용 1

예를 들어 로컬 파일 시스템에서: 이미지.jpg 페이지에 파일을 삽입하는 방법.

<img src="http://newcodingman.m/image.jpg" alt="이미지 설명">

원천 속성은 이미지 파일의 경로를 지정합니다.

오래된 속성은 이미지의 대체 텍스트를 지정합니다.

이 속성은 시각 장애가 있는 사용자가 웹 페이지를 사용할 때 이미지에 대한 설명을 제공하는 데 사용됩니다.

사용 2

<img src="http://newcodingman.m/image.jpg" alt="이미지 설명" width="500" height="300" title="이미지 제목">

이미지 크기를 설정하려면 넓은그리고 속성을 사용할 수 있습니다.

또한,
제목 속성을 사용하여 이미지 위로 마우스를 가져갈 때 표시되는 도구 설명을 지정할 수 있습니다.