HTML

<img src="..."> 태그

아이티프로 2023. 1. 25.
반응형

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

댓글