HTML小人跳舞是一種很有趣的技術，它使用HTML代碼來模擬小人跳舞的動作。下面是一個實例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML小人跳舞</title>
<style>
#dancer {
position: absolute;
top: 200px;
left: 50%;
margin-left: -25px;
width: 50px;
height: 100px;
border-radius: 50px 50px 0 0;
background: #f00;
animation: dancer 1s infinite;
}
#dancer:before, #dancer:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: inherit;
height: 40px;
background: #fff;
border-radius: 50%;
}
#dancer:before {
top: -20px;
}
#dancer:after {
top: 60px;
}
@keyframes dancer {
0% { transform: rotate(0); }
25% { transform: rotate(20deg); }
50% { transform: rotate(0); }
75% { transform: rotate(-20deg); }
100% { transform: rotate(0); }
}
</style>
</head>
<body>
<div id="dancer"></div>
</body>
</html>這個實例的代碼是由HTML和CSS組成的。我們使用CSS實現小人的動畫效果，并使用HTML來定義小人的形狀和位置。
在代碼中，我們使用一個`div`元素來表示小人，其中`#dancer`是它的ID。我們通過CSS對這個`div`元素進行了一系列的樣式設置，包括設置它的位置、大小、旋轉度數以及動畫效果。
為了讓小人看起來更加真實，我們還使用了偽元素`before`和`after`來模擬小人的頭部和腳部，并設置它們的樣式。
最后，我們把這些代碼放入`body`標簽中，就可以在瀏覽器中看到一個可愛的小人跳舞了。