HTML是一種用于構建網頁的標準化語言。而動態網頁則是指可以根據用戶的操作或者其他條件進行實時更新和交互的網頁。下面是一份簡單的動態網頁代碼示例:
<!DOCTYPE html> <html> <head> <title>動態網頁示例</title> </head> <body> <h1>歡迎來到動態網頁</h1> <p id="intro">這是一個用于展示動態效果的示例網頁。</p> <button onclick="changeText()">點擊我更新文本內容</button> <script> function changeText() { document.getElementById("intro").innerHTML = "文本內容已更新!"; } </script> </body> </html>
代碼中使用了HTML的基礎元素,如<html>、<head>、<body>等。其中,<button>元素用于定義一個按鈕,通過JavaScript代碼的綁定可以進行實時更新。而JavaScript代碼部分則定義了一個名為changeText()的函數,當按鈕被點擊時,在指定的DOM元素中更新文本內容。
這只是前端動態效果的一小部分,HTML和JavaScript結合起來可以實現更加復雜的動態效果。同時,CSS樣式也可以用于布局、美化等效果的實現。