& lt！DOCTYPE html & gt？
& lthtml & gt？
& lthead & gt？
& lttitle & gt頁面標題
& ltstyle & gt？
正文{
字體系列:Arial，無襯線；
邊距:0；
填充:0；
背景色:# f2f2f2
}
標題{
背景色:# 333；
顏色:# fff
填充:10px；
文本對齊:居中；
}
導航{
背景色:# 555；
顏色:# fff
填充:10px；
}
導航ul {
list-style-type:無；
填充:0；
}
導航ul li {
顯示:內嵌；
邊距-右邊:10px；
}
部分{
填充:20px
}
頁腳{
背景色:# 333；
顏色:# fff
填充:10px；
文本對齊:居中；
}
& lt/style & gt；？
& lt/head & gt；？
& ltbody & gt？
& lt標題& gt？
& lth 1 & gt；歡迎來到我的網站
& lt/header & gt；？
& ltnav & gt？
& ltul & gt？
& lt李& gt& lta href = " # " & gt主頁
& lt李& gt& lta href = " # " & gt關於
& lt李& gt& lta href = " # " & gt聯系我們
& lt/ul & gt；？
& lt/nav & gt；？
& ltsection & gt？
& lth2 & gt歡迎來到我的網站
& ltp & gt這是壹些關於我的網站的信息。& lt/p & gt；？
& lt/section & gt；？
& lt頁腳& gt版權&；復制；2023 & lt/footer & gt；？
& lt/body & gt；？
& lt/html & gt；
html代碼的作用
1.結構化內容:HTML用於定義網頁的結構，以便以有意義的方式呈現內容。例如，標題、段落、列表、鏈接等。可以通過特定的HTML標簽來識別。
2.鏈接資源:HTML中的“A”標簽允許我們創建超鏈接，將網頁與外部資源(如其他網頁、圖片和視頻)相關聯。
3、插入多媒體:通過“img”標簽，HTML可以插入圖片；音頻和視頻選項卡允許您嵌入音頻和視頻內容。
4.樣式和布局:雖然HTML主要負責內容結構，但是結合CSS(層疊樣式表)，HTML可以用來控制網頁的樣式和布局。
5.交互功能:HTML還支持使用JavaScript等腳本語言來增加交互性，如響應用戶點擊和動態更新內容。
6.SEO優化:合理使用HTML標簽可以幫助搜索引擎更好地理解網頁內容，從而提高網站的搜索排名。
7.可訪問性:設計良好的HTML結構有助於提高網頁的可訪問性，以便殘障人士和其他技術用戶更好地使用網頁。