본문 바로가기
개발자가 되고 싶어요

<img> 태그 사용 설명서

by 広場時計塔 2023. 4. 2.

<img> 태그는 HTML 문서에서 이미지를 삽입하는 데 사용됩니다. 사용법은 다음과 같습니다.

<img src="이미지 경로" alt="대체 텍스트">
  • src: 이미지 파일의 경로를 지정합니다. 로컬 파일 시스템에서 이미지를 사용하는 경우 상대 경로 또는 절대 경로를 사용할 수 있습니다. 이미지를 외부에서 가져오는 경우, 외부 URL을 사용합니다.

  • alt: 이미지를 설명하는 대체 텍스트를 지정합니다. 이미지가 로드되지 않은 경우, 스크린 리더가 이 대체 텍스트를 읽어서 사용자에게 전달합니다.

<img> 태그는 또한 width와 height 속성을 통해 이미지의 크기를 조정할 수 있습니다. 이러한 속성을 지정하지 않으면 원본 이미지의 크기를 사용하게 됩니다.

아래는 <img> 태그의 예제입니다.

<img src="example.jpg" alt="예제 이미지">

위 예제에서는 src 속성을 사용하여 이미지 파일의 경로를 지정하고, alt 속성을 사용하여 대체 텍스트를 지정합니다. 이제 HTML 문서에서 이 이미지를 볼 수 있게 됩니다.

<img> 태그를 사용하여 이미지를 조작하는 방법은 다양합니다. 예를 들어, 이미지를 클릭하면 다른 페이지로 이동하거나, 이미지를 링크로 사용할 수도 있습니다. 또한 이미지의 크기를 조절하거나, 테두리를 추가하는 등의 스타일을 지정할 수도 있습니다.

&lt;img&gt; 태그 사용 설명서
<img> 태그 사용 설명서

 

댓글