下面是一個使用HTML5編寫的漂亮網站的代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的HTML5網站</title> </head> <body> <header> <h1>歡迎來到我的HTML5網站!</h1> <nav> <ul> <li><a href="#home">首頁</a></li> <li><a href="#about">關于我們</a></li> <li><a href="#services">服務</a></li> <li><a href="#contact">聯系我們</a></li> </ul> </nav> </header> <section id="home"> <h2>歡迎來到我們的網站!</h2> <p>我們致力于為您提供最優質的服務和最專業的意見。</p> </section> <section id="about"> <h2>關于我們</h2> <p>我們是一家提供優質服務的公司,始終堅持以客戶為中心服務理念。</p> </section> <section id="services"> <h2>我們的服務</h2> <ul> <li>網絡營銷</li> <li>市場調研</li> <li>品牌策劃</li> <li>廣告代理</li> </ul> </section> <section id="contact"> <h2>聯系我們</h2> <p>如果您有任何問題或意見,請隨時聯系我們。</p> <form> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br> <label for="email">電子郵件:</label> <input type="email" id="email" name="email"><br> <label for="message">留言:</label> <textarea id="message" name="message"></textarea><br> <input type="submit" value="提交"> </form> </section> <footer> <p>版權所有 ? 2021 我的HTML5網站。</p> </footer> </body> </html>
上面的代碼中包含了HTML5中一些新的元素,如<header>、<nav>、<section>、<footer>等,并且使用了語義化標簽來更好地描述頁面內容。此外,該網站還包含了一個簡單的表單。