為了學習HTML5的網頁制作知識，我們需要進行實際的編程作業。以下是一個簡單的網頁作業代碼示例，包含HTML5基本的結構和標簽：
<!DOCTYPE html> <html> <head> <title>我的網頁作業</title> <meta charset="utf-8"> </head> <body> <header> <h1>歡迎來到我的網頁</h1> <nav> <ul> <li><a href="#">首頁</a></li> <li><a href="#">關于我</a></li> <li><a href="#">聯系我</a></li> </ul> </nav> </header> <section> <h2>最新動態</h2> <p>歡迎來到我的網頁作業！</p> <p>這是一個基于HTML5標準的網頁，使用了HTML、CSS和JavaScript等技術，展示了我的個人信息和興趣愛好。希望大家喜歡！</p> </section> <aside> <h3>個人資料</h3> <ul> <li>姓名：張三</li> <li>學號：123456</li> <li>專業：計算機科學與技術</li> <li>愛好：編程、游戲、旅游</li> </ul> </aside> <footer> <p>版權所有 ?2021 我的網頁作業</p> </footer> </body> </html>
這段代碼包含了HTML5的基本結構和標簽，其中<!DOCTYPE html>聲明了文檔類型為HTML5。在<head>標簽中，使用<title>標簽定義了網頁的標題，并使用<meta>標簽指定了字符集為UTF-8，以支持中文等多國語言。
在<body>標簽中，使用<header>標簽定義了網頁的頭部，包含了標題和導航欄。導航欄使用<ul>和<li>標簽結合鏈接標簽<a>實現，鏈接地址暫時使用了#占位符。
主要內容使用<section>標簽定義，包含了一個標題和兩段簡單的文本內容。側邊欄使用<aside>標簽定義，包含了一個標題和列表信息。最后使用<footer>標簽定義了網頁的底部，包含了版權信息。
通過這個簡單的例子，我們可以初步了解HTML5的標簽和結構，以及如何組合使用不同的標簽來創建一個基礎的網頁。需要注意的是，代碼的格式和縮進很重要，尤其是在使用嵌套標簽時，可以提高代碼的可讀性和維護性。
上一篇html5網頁側邊欄代碼
下一篇html5網頁代碼示范