HTML（超文本標記語言）是構建網頁的基礎語言。通過一系列標簽，HTML定義了網頁的結構和內容。本文將為您介紹HTML網頁制作中常用的代碼，幫助您快速上手并創建自己的網頁。
一、HTML文檔的基本結構
每個HTML文檔都包含以下幾個基本部分：
html
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>網頁標題</title>
</head>
<body>
<!– 網頁內容將放在這里 –>
</body>
</html>
<!DOCTYPE html>：聲明文檔類型，告訴瀏覽器這是一個HTML5文檔。
<html>：HTML文檔的根元素。
<head>：包含文檔的元數據（如標題、字符集、樣式表鏈接等）。
<meta>：定義文檔的元數據。
<title>：設置網頁的標題，將顯示在瀏覽器的標簽欄上。
<body>：包含網頁的可視內容。
二、文本格式化
HTML提供了多種標簽來格式化文本，如標題、段落、換行等：
html
<h1>這是一級標題</h1>
<h2>這是二級標題</h2>
<!– 以此類推，直到 <h6> 六級標題 –>
<p>這是一個段落。</p>
<br> <!– 換行 –>
<hr> <!– 水平分割線 –>
<h1>到<h6>：表示不同級別的標題。
<p>：定義段落。
<br>：插入換行。
<hr>：插入水平分割線。
三、文本樣式
通過HTML標簽，您可以改變文本的樣式，如加粗、斜體、下劃線等：
html
<b>加粗文本</b>
<i>斜體文本</i>
<u>下劃線文本</u>
<s>刪除線文本</s>
<b>：加粗文本。
<i>：斜體文本。
<u>：下劃線文本。
<s>：刪除線文本。
四、列表
HTML支持有序列表和無序列表：
html
<ul>
<li>列表項1</li>
<li>列表項2</li>
</ul>
<ol>
<li>有序列表項1</li>
<li>有序列表項2</li>
</ol>
<ul>：無序列表。
<ol>：有序列表。
<li>：列表項。
五、鏈接和圖像
鏈接和圖像是網頁中不可或缺的元素：
html
<a href=”https://www.example.com”>訪問示例網站</a>
<img src=”image.jpg” alt=”描述圖像的文本” width=”300″ height=”200″>
<a>：創建鏈接。href屬性指定鏈接的目標地址。
<img>：插入圖像。src屬性指定圖像的文件路徑，alt屬性提供圖像的替代文本（用于屏幕閱讀器和圖像無法加載時）。
六、表格
HTML表格用于展示結構化數據：
html
<table>
<thead>
<tr>
<th>表頭1</th>
<th>表頭2</th>
</tr>
</thead>
<tbody>
<tr>
<td>數據1</td>
<td>數據2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>頁腳1</td>
<td>頁腳2</td>
</tr>
</tfoot>
</table>
<table>：定義表格。
<thead>：表格頭部。
<tbody>：表格主體。
<tfoot>：表格頁腳。
<tr>：表格行。
<th>：表頭單元格。
<td>：表格數據單元格。
七、表單
表單用于收集用戶輸入的數據：
html
<form action=”/submit” method=”post”>
<label for=”name”>姓名：</label>
<input type=”text” id=”name” name=”name”>
<label for=”email”>電子郵件：</label>
<input type=”email” id=”email” name=”email”>
<input type=”submit” value=”提交”>
</form>
<form>：定義表單。action屬性指定表單提交的目標地址，method屬性指定提交方式（GET或POST）。
<label>：為表單元素定義標簽。
<input>：輸入字段。type屬性指定輸入類型（如文本、電子郵件等）。
<submit>：提交按鈕。
八、多媒體
HTML支持嵌入音頻、視頻和多媒體內容：
html
<audio controls>
<source src=”audio.mp3″ type=”audio/mpeg”>
您的瀏覽器不支持音頻元素。
</audio>
<video width=”320″ height=”240″ controls>
<source src=”movie.mp4″ type=”video/mp4″>
您的瀏覽器不支持視頻標簽。
</video>
<audio>：嵌入音頻內容。
<video>：嵌入視頻內容。
<source>：指定媒體文件的路徑和類型。
結語
HTML是構建網頁的基礎，掌握其常用標簽和屬性是成為一名優秀網頁設計師的前提。本文介紹了HTML網頁制作中常用的代碼和標簽，希望能夠幫助您快速上手并創建出美觀、功能豐富的網頁。隨著技術的不斷發展，HTML也在不斷演進，關注最新的HTML標準和最佳實踐，將讓您在網頁設計的道路上走得更遠。
