반응형
HTML의 <img> 태그는 웹 페이지에 이미지를 표시하기위해 사용되며 src속성에 이미지 파일의 URL을 지정한다.
<img src="image.jpg" alt="A description of the image">
src 속성은 표시할 이미지 파일의 URL인 "image.jpg"로 설정됩니다. alt 속성은 이미지의 텍스트 설명을 제공하는 데 사용되며, 이는 접근성 및 SEO 목적에 중요하다.
또한 width 및 height 특성을 사용하여 이미지의 너비와 높이를 설정할 수 있다:
<img src="image.jpg" alt="A description of the image" width="200" height="100">
또한 클래스나 ID를 img 요소에 추가하여 스타일을 위한 css와 수행 작업을 위한 javascript에 사용할 수 있다.
<img src="https://tistory2.daumcdn.net/tistory/5946557/skinSetting/0dd65e65293a4440b2f4fa4bf1cc481f" alt="A description of the image" class="image" width="200px">
<div id="demo">이미지 테스트</div>
let div = document.getElementById("demo");
let img = document.getElementsByClassName("image")[0];
div.innerHTML = img.src;
반응형
'HTML' 카테고리의 다른 글
<html> - Hypertext Markup Language (0) | 2023.01.25 |
---|---|
<div> 태그 - 레이어 (0) | 2023.01.25 |
<p> , <br> - paragraph , 줄바꿈 태그 (0) | 2023.01.25 |
<link> 태그 (0) | 2023.01.25 |
<UL> <LI> 태그 - 리스팅 (0) | 2023.01.25 |
댓글