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

이미지와 멀티미디어 Tag

by 이데렐라 2023. 3. 23.
반응형

이미지와 멀티미디어

<!DOCTYPE html>
<html>
    <head>
        <title>리소스 테스트</title>
    </head>
    <body>
        <img src="resource/img/type01.jpg"
        width="500" height="500"
        title="기하학적인 무늬"
        alt="눈아프라고 넣은 이미지" />
        <img src="https://cdn.pixabay.com/photo/2017/12/23/22/12/orange-3036097_960_720.jpg"/>

        <h2>음악테스트</h2>
        <audio src="resource/img/music01.mp3"
        controls loop preload="auto" 
        autoplay="autoplay"
        ></audio>
<br/>
<h2>비디오테스트</h2>
<video controls 
width="300" 
poster="C:/LSH/resource/img/img/type01.jpg">
    <source src="resource/img/vedio01.mp4" 
    type="video/mp4"/>
    이 브라우저는 비디오태그를 지원하지 않습니다.   
</video>

<br/><br/><br/><br/><br/><br/><br/><br/><br/>

    </body>
</html>

resource.zip
9.65MB

 

imgTest.html
0.00MB

반응형

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

CSS TEST  (4) 2023.04.06
레이아웃 & css  (1) 2023.03.30
Table & Form Tag  (176) 2023.03.23
Text & List Tag  (3) 2023.03.23
CSS맛보기  (0) 2023.03.23

댓글