HTML5是一種最新的Web標準，其中包括一些新的圖形標簽和方法，這些標簽和方法使創建和修改網頁中的圖形元素變得非常簡單。在本文中，我們將介紹一些HTML5中最重要的圖形標簽和代碼。

<canvas id="myCanvas" width="500" height="500"></canvas>
<script type="text/javascript">
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0,0,150,75);
</script>

以上代碼展示了HTML5中最基本的圖形標簽之一--"canvas"。
該標簽中包含的JavaScript代碼將會在該標簽中創建一個矩形形狀的紅色圖形。其中，canvas元素必須擁有一個ID屬性和寬度和高度屬性。在JavaScript代碼中，可以通過getContext()方法來獲取上下文(2D或3D)對象。該對象可以用來在canvas上繪制圖形。

<svg width="100" height="100">
<rect x="10" y="10" width="80" height="80" style="fill: red; stroke: black; stroke-width: 2px;"/>
</svg>

除了"canvas"元素外，HTML5還包括了"svg"元素，它也可以用來在網頁中創建圖形。"svg"元素使用XML語法來描述圖形。在以上代碼中，"svg"元素創建了一個正方形的紅色圖形，在樣式中指定了該圖形的填充顏色、邊框顏色和邊框寬度。

總而言之，HTML5中的圖形標簽和方法使得網頁的視覺效果更加吸引人，并且更容易地創建和修改圖形元素。