HTML5是一種用于開發網頁的標準語言，它可以幫助我們完成各種各樣的網頁效果，包括繪制圖形。本文將介紹如何使用HTML5繪制一個笑臉的代碼。

首先，我們需要創建一個div元素，并為其添加一個類名為“circle”，這將用于顯示笑臉的圓形部分。接下來，我們需要在這個div元素內部創建三個子元素：左眼、右眼和嘴巴。

左眼和右眼的樣式類都是“left-eye”和“right-eye”，它們都是采用絕對定位的方式，使用圓形的樣式屬性border-radius將它們制作成圓形，背景色為黑色。通過調整位置，讓它們位于圓形部分的左側和右側。

嘴巴的樣式類為“mouth”，同樣是絕對定位。我們使用border-top屬性來制作嘴巴的形狀，將它旋轉-20度，使它看起來更加自然。

通過這些樣式的設置，我們就可以完成一個簡單的笑臉圖像。在實際開發中，可以根據需求添加不同的樣式和邏輯，實現更加豐富多彩的效果。