最近我學習了HTML5,現在我想創建一個個人網頁來展示我的技能和興趣愛好。以下是我的HTML5完整代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的個人網頁</title> </head> <body> <header> <h1>歡迎來到我的網站!</h1> </header> <nav> <ul> <li><a href="#about-me">關于我</a></li> <li><a href="#skills">我的技能</a></li> <li><a href="#hobbies">我的愛好</a></li> </ul> </nav> <section id="about-me"> <h2>關于我</h2> <p>我是一名熱愛編程的學生,正在努力學習前端開發。我希望能夠成為一名優秀的Web開發者,并在這個領域有所建樹。</p> </section> <section id="skills"> <h2>我的技能</h2> <ul> <li>HTML5</li> <li>CSS3</li> <li>JavaScript</li> <li>jQuery</li> <li>Bootstrap</li> </ul> </section> <section id="hobbies"> <h2>我的愛好</h2> <p>我喜歡閱讀科幻小說和玩電子游戲,同時我也喜歡旅行并體驗不同的文化。</p> </section> <footer> <p>版權所有 ? 2021-我的個人網頁</p> </footer> </body> </html>
通過以上代碼,我們可以清晰地看到我的個人網頁的結構和內容,包括頁面頭部、導航、各個板塊和頁面底部。同時,也可以看到我的HTML5代碼優雅并且易于閱讀,這也是HTML5所追求的。