[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