이미지 태그

하와이블루 2022. 8. 21. 11:06

728x90

이미지 태그 <img>를 사용하면 원하는 이미지 삽입이 가능하다.

<img src=”이미지가 위치하는 주소 또는 파일 경로” alt=”이미지를 대신할 문자”>

<!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>이미지</title>
</head>
<body>
    <h2>이미지</h2>
    <!-- 절대 경로 -->
    <img src="https://t1.daumcdn.net/daumtop_chanel/op/20200723055344399.png" alt="다음로고">
    <hr>

    <!-- 상대경로-->
    <img src="./fruit1.png.png" alt="과일 이미지1">
    <hr>
    <img src="./img/fruit2.png.png" alt="과일 이미지2">
</body>
</html>

728x90

저작자표시 (새창열림)