<img> 태그는 HTML 문서에서 이미지를 삽입하는 데 사용됩니다. 사용법은 다음과 같습니다.
<img src="이미지 경로" alt="대체 텍스트">
- src: 이미지 파일의 경로를 지정합니다. 로컬 파일 시스템에서 이미지를 사용하는 경우 상대 경로 또는 절대 경로를 사용할 수 있습니다. 이미지를 외부에서 가져오는 경우, 외부 URL을 사용합니다.
alt: 이미지를 설명하는 대체 텍스트를 지정합니다. 이미지가 로드되지 않은 경우, 스크린 리더가 이 대체 텍스트를 읽어서 사용자에게 전달합니다.
<img> 태그는 또한 width와 height 속성을 통해 이미지의 크기를 조정할 수 있습니다. 이러한 속성을 지정하지 않으면 원본 이미지의 크기를 사용하게 됩니다.
아래는 <img> 태그의 예제입니다.
<img src="example.jpg" alt="예제 이미지">
위 예제에서는 src 속성을 사용하여 이미지 파일의 경로를 지정하고, alt 속성을 사용하여 대체 텍스트를 지정합니다. 이제 HTML 문서에서 이 이미지를 볼 수 있게 됩니다.
<img> 태그를 사용하여 이미지를 조작하는 방법은 다양합니다. 예를 들어, 이미지를 클릭하면 다른 페이지로 이동하거나, 이미지를 링크로 사용할 수도 있습니다. 또한 이미지의 크기를 조절하거나, 테두리를 추가하는 등의 스타일을 지정할 수도 있습니다.
'개발자가 되고 싶어요' 카테고리의 다른 글
[ Docker Desktop ] adding credentials to store: error getting credentials - err (0) | 2023.04.08 |
---|---|
[ Docker Desktop ] "plase enter the passphrase to unlock the openpgp secret key" 메시지의 의미 (0) | 2023.04.08 |
가장 많이 사용하는 30대 html 태그 정리 (0) | 2023.04.01 |
<a> 태그 사용 설명서 (0) | 2023.04.01 |
가장 많이 사용하는 Git 명령어 30가지와 간단한 사용법 (0) | 2023.04.01 |
댓글