HTML5是一種用于創建網頁的標準語言，它具有多項新功能和技術，比如多媒體元素、表單控件、Canvas繪圖API、地理定位等。為了更好地學習和應用HTML5，我們參加了一次HTML5實訓，以下是我們編寫的代碼和實訓報告。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5實訓代碼示例</title>
</head>
<body>
<h1>歡迎來到HTML5實訓！</h1>
<p>這是一個段落，其中包含一張圖片：</p>
<img src="https://i.imgur.com/Q4Hjv7V.png" alt="HTML5實訓LOGO">
<h2>HTML5新特性之音頻/視頻</h2>
<p>以下是一個視頻示例：</p>
<video width="640" height="360" controls>
<source src="https://www.w3schools.com/html/movie.mp4" type="video/mp4">
<source src="https://www.w3schools.com/html/movie.ogg" type="video/ogg">
您的瀏覽器不支持HTML5視頻，請升級至最新版本。
</video>
<h2>HTML5新特性之Canvas繪圖API</h2>
<p>以下是一個畫布示例：</p>
<canvas id="myCanvas" width="200" height="100"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 150, 75);
</script>
</body>
</html>上述代碼展示了一個簡單的HTML5頁面，其中包含了一張圖片、一個視頻和一個畫布，分別演示了HTML5的多媒體元素和Canvas繪圖API。通過實踐和學習，我們掌握了HTML5的基本語法和常用標簽，學會了如何創建各種元素和應用各種特性。我們將繼續深入學習和應用HTML5，為我們的網頁設計和開發帶來更多可能性。
上一篇html5實訓項目源代碼
下一篇html5實訓代碼