HTML有令人驚訝的功能！你知道HTML還可以用來畫自行車嗎？現在，讓我們來一起寫一段HTML代碼來畫出一個簡單的自行車。
<!DOCTYPE html>
<html>
<head>
<title>HTML畫自行車代碼</title>
</head>
<body>
<canvas id="myCanvas" width="500" height="300"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
//畫自行車框架
ctx.beginPath();
ctx.moveTo(75,75);
ctx.lineTo(100,50);
ctx.lineTo(175,75);
ctx.lineTo(100,100);
ctx.closePath();
ctx.stroke();
//畫前輪
ctx.beginPath();
ctx.arc(100,75,25,0,2*Math.PI);
ctx.stroke();
//畫后輪
ctx.beginPath();
ctx.arc(175,75,25,0,2*Math.PI);
ctx.stroke();
//畫扶手、腳踏板和座位
ctx.beginPath();
ctx.moveTo(75,75);
ctx.lineTo(75,125);
ctx.stroke();
ctx.beginPath();
ctx.moveTo(175,75);
ctx.lineTo(175,125);
ctx.stroke();
ctx.beginPath();
ctx.moveTo(75,125);
ctx.lineTo(100,150);
ctx.lineTo(125,125);
ctx.lineTo(75,125);
ctx.stroke();
ctx.beginPath();
ctx.moveTo(125,125);
ctx.lineTo(150,150);
ctx.lineTo(125,175);
ctx.lineTo(100,150);
ctx.lineTo(125,125);
ctx.stroke();
</script>
</body>
</html>在這段代碼中，我們使用canvas標簽創建了一個畫布，然后通過JavaScript代碼使用canvas.getContext()來獲取畫布上下文，以便于我們使用它來畫圖。然后，我們使用路徑和描邊來畫出了自行車框架、前輪和后輪、扶手、腳踏板和座位。
當我們在瀏覽器中打開這個HTML文件時，會看到一個簡單的自行車！HTML和JavaScript的強大和靈活性，使得我們可以使用它們來實現各種有趣的功能，甚至可以用來畫自行車！