HTML5是一種用于創建網頁內容的語言,它可以為網頁添加各種多媒體元素和互動功能。這篇文章將介紹如何使用HTML5制作個人網頁代碼。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我的個人網頁</title> </head> <body> <header> <h1>歡迎來到我的個人網頁</h1> <nav> <a href="#about">關于我</a> <a href="#skills">我的技能</a> <a href="#projects">我的項目</a> <a href="#contact">聯系我</a> </nav> </header> <section id="about"> <h2>關于我</h2> <p>我是一個熱愛編程的年輕人,喜歡學習新技術并嘗試新項目。</p> </section> <section id="skills"> <h2>我的技能</h2> <ul> <li>HTML5</li> <li>CSS3</li> <li>JavaScript</li> </ul> </section> <section id="projects"> <h2>我的項目</h2> <ul> <li><a >項目1</a></li> <li><a >項目2</a></li> <li><a >項目3</a></li> </ul> </section> <section id="contact"> <h2>聯系我</h2> <p>您可以通過以下方式聯系我:</p> <ul> <li>電子郵件:myemail@example.com</li> <li>電話:+123456789</li> <li>社交媒體:<a >我的個人資料</a></li> </ul> </section> <footer> <p>版權所有 ? 2021 我的個人網頁</p> </footer> </body> </html>
以上是一個簡單的HTML5個人網頁代碼示例,它包含一個頭部、四個主要部分(關于我、我的技能、我的項目和聯系我)和一個頁腳。每個主要部分都使用了<section>元素,通過<a>元素在頭部創建了一個導航菜單。此外,我們還使用了<ul>和<li>元素來創建項目列表。
下一篇文字css兩段對齊