일상 코딩
html 연습 본문
728x90
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Page Test</title>
</head>
<body>
<div>
<h1>1.테스트 페이지</h1>
<h2>2.테스트 페이지</h2>
<h3>3.테스트 페이지</h3>
<h4>4.테스트 페이지</h4>
<h5>5.테스트 페이지</h5>
<h6>6.테스트 페이지</h6>
</div>
<div>
<h1>1.이미지 테스트</h1>
<img src="../assets/image/cat.jpeg">
<img src="../assets/image/dog.jpg">
</div>
<div>
<h1>2.비디오 테스트</h1>
<video width="640" height="400" controls="controls">
<source src="../assets/video/video.mp4" type="video/mp4">
</video>
</div>
<div>
<h1>3.오디오 테스트</h1>
<ol>
<li>
<p>Rollin</p>
<audio title="Rolling" controls="controls">
<source src="../assets/audio/Rolling.mp3" type="audio/mp3"></li-item2>
</audio>
</li>
<li>
<p>Hello</p>
<audio title="Hello" controls="controls">
<source src="Hello.mp3" type="audio/mp3"></li-item5>
</audio>
</li>
<li>
<p>Love</p>
<audio title="Love" controls="controls">
<source src="../assets/audio/Love.mp3" type="audio/mp3"></li-item8>
</audio>
</li>
<li>
<p>How.flac</p>
<audio title="How" controls="controls">
<source src="../assets/audio/How.flac" type="audio/flac"></li-item11>
</audio>
</li>
</ol>
</div>
</body>
</html>728x90