본문 바로가기
웹프로그래밍 기초/A반소스자료

이미지와 멀티미디어 Tag

by 이데렐라 2023. 3. 23.
반응형
<!DOCTYPE html>
<html>
    <head>
        <title>이미지테스트</title>
    </head>
    <body>
        <img src="resource/img/test01.jpg" 
        width="200" height="200"
        title="알수없는 이미지" alt="뭔지 알아보지못하겠지?" />
        <img src="https://cdn.pixabay.com/photo/2014/04/05/11/41/lime-316742_960_720.jpg" width="200" />

        <h2>오디오테스트</h2>
        <audio src="resource/img/sound01.mp3" controls autoplay="autoplay" loop></audio>

        <h2>영상테스트</h2>
        <video controls width="500" 
        poster="resource/img/test01.jpg">
            <source src="resource/img/movie01.mp4"
            type="video/mp4" />
        </video>
    </body>
</html>

imgTest.html
0.00MB

반응형

'웹프로그래밍 기초 > A반소스자료' 카테고리의 다른 글

CSS 테스트  (0) 2023.04.06
레이아웃 & CSS  (3) 2023.03.30
table & form Tag  (0) 2023.03.23
Text & List 태그  (0) 2023.03.23
css 맛보기  (0) 2023.03.23

댓글