HTML愛心桃由一段簡(jiǎn)單的代碼組成，學(xué)會(huì)它可以讓你在網(wǎng)頁(yè)上輕松添加一個(gè)可愛的愛心圖案。下面讓我們來(lái)看一下這個(gè)代碼：
<!DOCTYPE html> <html> <head> <title>HTML愛心桃代碼</title> </head> <body> <svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <path fill="#F00" d="M50 15.5c-9.16 0-16.795 7.359-17.834 16.653l-.166 1.797c-.62 6.693-6.164 12.157-12.754 12.679 c-6.859.563-12.45 6.127-12.45 13.037s5.591 12.474 12.45 13.037c6.59.523 12.134 5.986 12.754 12.679l.166 1.797 c1.039 9.294 8.674 16.653 17.834 16.653s16.795-7.359 17.834-16.653l.166-1.797c.62-6.693 6.164-12.157 12.754-12.679c6.859-.563 12.45-6.127 12.45-13.037s-5.591-12.474-12.45-13.037c-6.59-.523-12.134-5.986-12.754-12.679 l-.166-1.797C66.795 22.859 59.16 15.5 50 15.5z"/> </svg> </body> </html>
這段代碼使用SVG (Scalable Vector Graphics) 技術(shù)，其中的path標(biāo)簽可以創(chuàng)建各種形狀，從而構(gòu)建出了一個(gè)美麗的愛心桃。如果想在網(wǎng)頁(yè)中嘗試使用這個(gè)愛心桃，只需要將這段代碼復(fù)制到你的HTML文件中即可。
除了這個(gè)簡(jiǎn)單的HTML愛心桃代碼，還有很多其他的SVG圖形可以用來(lái)裝飾網(wǎng)頁(yè)。掌握這些技術(shù)可以讓你的網(wǎng)頁(yè)更加有趣、生動(dòng)。