반응형
이미지태그 오디오태그 비디오태그
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>day3/imgTest.html</title>
</head>
<body>
<h1> img 태그 - 이미지를 표시할 때 사용</h1>
<img alt="집 이미지 입니다" src="../image/1.jpg">
<!-- alt 이미지가 없는경우 표시되는 내용 -->
<br>
<img alt="책상이미지" src="../image/none.jpg">
<br>
<img alt="" src="../image/1.jpg" width="400px"
title="이미지의 가로 크기를 늘렸습니다">
<br>
<img alt=""
src="../image/1.jpg" width="200px" height="300px">
<h1>오디오 태그 음악 음팍 일을 재생할 수 있는 태그-
html5에 추가된 태그(audio)</h1>
<audio src="../audio/kalimba.mp3"
preload="auto" autoplay="autoplay" controls="controls"
loop="loop"></audio>
<br>
<audio controls="controls">
<source src="../audio/kalimba.mp3" type="audio/mp3">
<source src="../audio/kalimba.ogg" type="audio/ogg">
</audio>
<br>
<video controls="controls" autoplay="autoplay">
<source src="../audio/Wildlife.mp4" type="video/mp4">
<source src="../audio/Wildlife.webm" type="video/wepm">
</video>
<br>
<video controls="controls"
loop="loop" preload="auto"
poster="../image/bg.png"
width="300">
<source src="../audio/Wildlife.mp4" type="video/mp4">
<source src="../audio/Wildlife.webm" type="video/wepm">
</video>
<br>
</body>
</html>
반응형