HTML是網絡世界的基礎，是網頁制作的必備語言。除了基本的文字、圖片等元素，HTML還支持多種效果和特效，例如炫花效果。下面是一段簡單而又好玩的HTML炫花代碼。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Welcome to my website</title>
<style>
body{
background: black;
}
#flowers{
position: relative;
height: 400px;
}
.flower{
position: absolute;
top: 150px;
left: 150px;
width: 100px;
height: 100px;
border-radius: 50%;
opacity: 0.7;
}
.flower:hover{
opacity: 1;
transform: scale(1.2);
}
#f1{
background: pink;
}
#f2{
background: blue;
top: 100px;
left: 50px;
}
#f3{
background: yellow;
top: 50px;
left: 200px;
}
#f4{
background: red;
top: 200px;
left: 250px;
}
#f5{
background: green;
top: 300px;
left: 50px;
}
</style>
</head>
<body>
<div id="flowers">
<div id="f1" class="flower"></div>
<div id="f2" class="flower"></div>
<div id="f3" class="flower"></div>
<div id="f4" class="flower"></div>
<div id="f5" class="flower"></div>
</div>
</body>
</html>上面的代碼中，我們創建了一個id為“flowers”的div元素，然后在這個div里面放置了五個class為“flower”的div元素。這五個div元素都具有border-radius屬性（為了讓它們看起來像花朵），以及opacity屬性，讓它們透明度為0.7（為了讓它們看起來像半透明的花朵）。
此外，我們還為每個花朵定義了它的id和background屬性，以及它們的位置（用top和left屬性實現）。在CSS中，我們還為每個花朵定義了一個:hover偽類，當鼠標滑過的時候就會觸發這個效果。這里我們讓花朵的不透明度為1，同時調用了transform屬性和scale函數，把花朵放大1.2倍，使它更加炫目。
最后，在HTML文件的頭部，我們還用了一個meta標簽，定義了該頁面的字符集是utf-8，確保瀏覽器能正確地渲染出這段HTML炫花代碼。