반응형
이미지와 멀티미디어
<!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>
반응형
'웹프로그래밍 기초 > 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 |
댓글