在網站的開頭，一個精彩的開場動畫能夠為用戶留下深刻的印象。如何用HTML來實現這樣一個動畫呢？我們可以使用CSS3的動畫屬性，結合一些基本的HTML元素，來完成一個簡單的開場動畫。

首先，我們需要定義一個容器元素。在該元素上設置寬度、高度和背景顏色，以及position屬性為relative，這可以讓容器元素作為相對定位的基準點。

.container {
width: 100%;
height: 100%;
background-color: #333;
position: relative;
}

接下來，我們需要定義一個需要動畫的元素。這個元素可以是一張圖片、一個文字、或者其他的基本HTML元素。在該元素中使用position:absolute，可以讓其脫離文檔流，并且相對于容器元素進行定位。

.box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 200px;
background-color: #fff;
}

在定義好基本的元素之后，接下來就是利用CSS3的動畫屬性，定義需要執行的動畫效果。我們可以使用@keyframes規則來創建動畫，指定關鍵幀的狀態，如from和to，或者百分比。

@keyframes myAnimation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.box {
animation-name: myAnimation;
animation-duration: 2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}

上面的代碼片段中，我們創建了一個名為myAnimation的動畫，并且規定了它在2秒內從0度旋轉到360度，然后無限循環播放。使用animation-name屬性，我們將它應用到我們的元素上。

最后，在HTML中添加容器元素和需要動畫的元素，該動畫就完成了。

通過以上代碼，我們就創建了一個簡單的開場動畫效果。當用戶訪問網站時，他們會看到一個白色的正方形“盒子”在旋轉，在黑色的背景下逐漸顯現。這個動畫效果可以在不同的網站上使用，并且可以根據具體需求進行調整和優化。