01
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>๋ฉํฐ๋ฏธ๋์ด ์ฌ์ํ๊ธฐ</title>
<style>
#container {
width:600px;
margin:10px auto;
padding:20px;
}
</style>
</head>
<body>
<div id="container">
<h1>์ค๋์ค ์ฌ์ํ๊ธฐ</h1>
<audio src="media/bgsound2.mp3" controls></audio>
</div>
</body>
</html>
02
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>๋ฉํฐ๋ฏธ๋์ด ์ฌ์ํ๊ธฐ</title>
<style>
#container {
width:600px;
margin:10px auto;
padding:20px;
}
</style>
</head>
<body>
<div id="container">
<h1>SUMMER BEACH</h1>
<video width="400px" height="220px" controls>
<source src="media/Beach.mp4" type="video/mp4">
<source src="media/Beach.webm" type="video/webm">
</video>
</div>
</body>
</html>
< ์ฐธ๊ณ >
Do it! HTML5+CSS3 ์น ํ์ค์ ์ ์
โป ํด๋น ๊ธ์ ์ต๋ ๋ชฉ์ ์ผ๋ก ์์ฑ๋ ๊ธ์ ๋๋ค โป
๋ฐ์ํ
๋๊ธ