HTML動態圖更好的讓網頁生動起來,使其更加富有活力。下面是一個簡單的HTML動態圖代碼:
<!DOCTYPE html> <html> <head> <title>動態圖</title> </head> <body> <h1>這是一個動態圖</h1> <img src="https://media.giphy.com/media/R6Q2y6EotzzAs/giphy.gif" alt="動態圖"> </body> </html>
代碼中的<img>標簽是對動態圖的引用,可以在src屬性中指定動態圖的鏈接。在此代碼中,我們使用了來自Giphy的一個動態圖。alt屬性指定了在頁面無法加載動態圖時顯示的替代文本。
請注意,在HTML中,圖片可以通過其他屬性進行控制,例如width和height,可以指定動態圖的大小。此代碼未指定寬度和高度,因此該動態圖將按其原始大小顯示。
HTML動態圖為網站帶來了生動有趣的元素,增加了網頁的吸引力和交互性。使用<img>標簽引用動態圖是實現這一目標的簡單方法。