728x90
반응형
+만약 그림1-1이 뜨지 않는다면 아래와 같은 사진 설명이 나타나게 한다.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h2>이미지</h2>
<figure align="center">
<figcaption>[그림1-1]HTML5</figcaption>
<img src="html5.jpg" width="100" height="100" border="1" title="HTML5" alt="HTML5로고이미지"><p>
</figure>
</center>
<a href="http://www.daum.net">링크설정_다음</a><p>
<a href="http://google.com">
<img src="google.jpg"></a><p>
<img src="go2web.jpg" align="left">
<img src="go2web.jpg" align="right">
그림옆에 그림옆에 글씨를 씁니다... 여러줄의 글씨를 씁니다.
<br>그림옆에 글씨를 씁니다... 여러줄의 글씨를 씁니다... </p>
<br clear=all>
</body>
</html>
맨 마지막 삼각형들은 움직이는 사진이다.
<!doctype html>
<html>
<head>
</head>
<body>
<h2>오디오 / 비디오</h2>
<audio src="chicken.mp3" autoplay controls></audio></p>
<video src="movie.ogv" controls
width="300" height="300"></video></p>
<video controls width="300" height="300">
<source src="bear.mp4">
<source src="movie.ogv">
</video></p>
<embed src="object.swf"></p>
<object data="ch04_3 기본 태그_이미지와프레임.pdf"></odject></p>
</body>
</html>728x90
반응형