W3Schools HTML5 튜토리얼
HTML5 홈
HTML5 소개
HTML5 새 엘리먼트 (Elements)
HTML5 비디오 (Video)
HTML5 비디오/Dom (Video/DOM)
HTML5 오디오 (Audio)
HTML5 캔버스 (Canvas)
HTML5 웹 저장공간 (Web Storage)
HTML5 폼 엘리먼트 (Form Elements)
HTML5 폼 속성 (Form Attributes)
HTML5 속성 (Attributes)
HTML5 이벤트 (Events)
HTML5 2D 캔버스 (Canvas 2d)
HTML 유효 DTD (Valid DTDs)
직접 해보기 »
HTML5 홈
HTML5 소개
HTML5 새 엘리먼트 (Elements)
HTML5 비디오 (Video)
HTML5 비디오/Dom (Video/DOM)
HTML5 오디오 (Audio)
HTML5 캔버스 (Canvas)
HTML5 웹 저장공간 (Web Storage)
HTML5 폼 (Forms)
HTML5 입력타입 (Input Types)HTML5 폼 엘리먼트 (Form Elements)
HTML5 폼 속성 (Form Attributes)
HTML5 참조목록 (Reference)
HTML5 태그 (Tags)HTML5 속성 (Attributes)
HTML5 이벤트 (Events)
HTML5 2D 캔버스 (Canvas 2d)
HTML 유효 DTD (Valid DTDs)
각 장의 예제들
우리(w3c)가 제공하는 HTML 에디터를 통해 해당 예제의 HTML을 편집하고 버튼을 누르면 결과를 볼수있습니다
예제
<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
<source src="movie.webm" type="video/webm" />
Your browser does not support the video tag.
</video>
</body>
</html>
<html>
<body>
<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
<source src="movie.webm" type="video/webm" />
Your browser does not support the video tag.
</video>
</body>
</html>
직접 해보기 »
"직접 해보기"를 누르면 어떻게 작동하는지 이해할수있습니다.
'HTML5' 카테고리의 다른 글
| W3Schools HTML5 튜토리얼 (한글) -6 (0) | 2011.12.16 |
|---|---|
| W3Schools HTML5 튜토리얼 (한글) -5 (0) | 2011.12.16 |
| W3Schools HTML5 튜토리얼 (한글) -4 (0) | 2011.12.16 |
| W3Schools HTML5 튜토리얼 (한글) -3 (0) | 2011.12.16 |
| W3Schools HTML5 튜토리얼 (한글) -2 (0) | 2011.12.16 |