HTML5是一種用來描述網頁內容的標記語言,它能夠實現頁面內容和結構分離,使得網頁更易于理解和維護。本文將演示如何使用HTML5制作一個簡單的個人資料頁面。
<!DOCTYPE html> <html> <head> <title>個人資料</title> <meta charset="UTF-8"> </head> <body> <header> <h1>個人資料</h1> <nav> <a href="#">首頁</a> <a href="#">個人資料</a> <a href="#">聯系方式</a> </nav> </header> <main> <section> <h2>個人信息</h2> <p>姓名:李明</p> <p>性別:男</p> <p>年齡:25歲</p> </section> <section> <h2>教育背景</h2> <p>學校:XX大學</p> <p>專業:計算機科學與技術</p> <p>學歷:本科</p> </section> <section> <h2>工作經歷</h2> <p>公司A:2016年-2018年,前端工程師</p> <p>公司B:2018年至今,高級前端工程師</p> </section> </main> <footer> <p>聯系方式:<a href="tel:123456789">123456789</a></p> <p>郵箱:<a href="mailto:xxx@xx.com">xxx@xx.com</a></p> </footer> </body> </html>
以上是一個簡單的個人資料頁面的HTML5代碼,其中包括了頁面結構、頭部導航、主體內容和底部版權信息等部分。通過HTML5,我們可以輕松地創建具有結構清晰、語義明確的網頁,為用戶提供更好的瀏覽體驗。
上一篇文字 底部 css