MUMYEONG

[HTML] 이미지태그 (img, src, alt, width, height) 본문

Development/HTML

[HTML] 이미지태그 (img, src, alt, width, height)

MUMYEONG IMDA 2022. 3. 9. 15:44
반응형
이미지태그 
  • 웹페이지에 이미지를 삽입하는 경우에 사용한다.

1) src 속성

  • 이미지 파일의 경로 또는 URL을 넣는다.

2) alt 속성

  • 이미지 파일이 없을 경우 표시된다.

3) width 속성

  • 이미지의 너비를 지정한다.

4) height 속성

  • 이미지의 높이를 지정한다.

코드

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image</title>
</head>

<body>
    <img src="image1.jpg" alt="이미지가 없으면 표시됨~~" width="500px" height="500px">
</body>

</html>

 

결과(이미지가 있는 경우)

 

결과(이미지가 없는 경우)

반응형
LIST

'Development > HTML' 카테고리의 다른 글

[HTML] 비디오(Video)태그  (1) 2022.03.10
[HTML] 목록(List)태그 (ul, ol, li, type)  (1) 2022.03.09
[HTML] 앵커(anchor)태그 (a, href, target)  (1) 2022.03.09
[HTML] 본문태그 (p, pre, q, br, hr)  (1) 2022.03.09
[HTML] 제목태그(h1,h2,h3,h4,h5,h6)  (1) 2022.03.09
'Development/HTML' Related Articles more