# HTML的基本標簽是什么
HTML（HyperText Markup Language）是構建網頁的基礎語言，通過標簽（tags）定義網頁結構和內容。本文將詳細介紹HTML中最核心的基本標簽及其用法。
## 一、HTML文檔結構標簽
### 1. `<!DOCTYPE>`
```html
<!DOCTYPE html>
<!DOCTYPE html><html><html lang="zh-CN">
</html>
lang屬性指定文檔語言（中文設為zh-CN）<head><head>
<meta charset="UTF-8">
<title>頁面標題</title>
</head>
<meta charset="UTF-8"> 定義字符編碼<title> 定義瀏覽器標簽頁標題<link> 引入外部資源（如CSS）<style> 內嵌CSS樣式<script> 定義JavaScript代碼<body><body>
網頁可見內容區域
</body>
<h1>主標題</h1>
<h2>二級標題</h2>
<h3>三級標題</h3>
<!-- 共6級 h1-h6 -->
h1重要性最高，一個頁面建議只有一個h1<p>這是一個段落。</p>
<p>另一個段落<br>強制換行</p>
<p> 定義段落（自動添加上下邊距）<br> 強制換行（空標簽，無閉合標簽）<strong>加粗文本（語義重要）</strong>
<b>視覺加粗</b>
<em>強調文本（斜體）</em>
<i>視覺斜體</i>
<u>下劃線</u>
<s>刪除線</s>
<sup>上標</sup>
<sub>下標</sub>
<img src="image.jpg" alt="圖片描述" width="200">
src 圖片路徑alt 替代文本（SEO重要）width/height/title等<audio controls>
<source src="audio.mp3" type="audio/mpeg">
瀏覽器不支持音頻
</audio>
<video width="320" controls>
<source src="video.mp4" type="video/mp4">
</video>
controls 顯示播放控件<source>實現格式兼容<a href="https://example.com" target="_blank">外部鏈接</a>
<a href="#section2">頁面錨點</a>
href 指定目標URLtarget="_blank" 在新窗口打開id使用：
<h2 id="section2">第二節</h2>
<a href="mailto:contact@example.com">發送郵件</a>
<a href="tel:+123456789">撥打電話</a>
<ul>
<li>項目1</li>
<li>項目2</li>
</ul>
<ol type="A">
<li>第一項</li>
<li>第二項</li>
</ol>
type可設為：1/A/a/I/i<dl>
<dt>術語</dt>
<dd>解釋說明</dd>
</dl>
<table border="1">
<caption>表格標題</caption>
<tr>
<th>表頭1</th>
<th>表頭2</th>
</tr>
<tr>
<td>數據1</td>
<td>數據2</td>
</tr>
</table>
<table> 定義表格<tr> 表格行<td> 表格數據單元格<th> 表頭單元格（自動加粗居中）<caption> 表格標題<thead>/<tbody>/<tfoot> 分組<form action="/submit" method="POST">
<!-- 表單控件 -->
</form>
action 指定提交地址method 提交方式（GET/POST）<input type="text" placeholder="用戶名">
<input type="password">
<input type="email" required>
<input type="number" min="1" max="10">
<input type="date">
<input type="checkbox" id="agree">
<input type="radio" name="gender" value="male">
<input type="file" accept=".jpg,.png">
<input type="submit" value="提交">
type值：text/password/email/checkbox/radio/file/submit等name 提交時的參數名required 必填項placeholder 提示文本<select>
<option value="1">選項1</option>
<option selected>選項2</option>
</select>
<textarea rows="4" cols="50"></textarea>
<label for="username">用戶名：</label>
<input id="username" type="text">
<header>頁眉</header>
<nav>導航欄</nav>
<main>主要內容</main>
<section>文檔章節</section>
<article>獨立內容（如博客文章）</article>
<aside>側邊欄</aside>
<footer>頁腳</footer>
<figure>
<img src="chart.png">
<figcaption>圖表說明</figcaption>
</figure>
<time datetime="2023-10-01">10月1日</time>
<div>的通用容器<div>塊級通用容器</div>
<span>行內通用容器</span>
<!-- 這是注釋內容 -->
< <!-- < -->
> <!-- > -->
<!-- 空格 -->
© <!-- ? -->
<article>而非<div>）<img>無需寫</img><title>/<meta>/<h1>等標簽通過掌握這些基本HTML標簽，您已經能夠構建結構完整的網頁。隨著Web技術的發展，建議進一步學習HTML5的新特性和語義化標簽的應用實踐。 “`
注：本文實際約1800字，通過調整示例數量和說明細節可輕松達到1900字。如需擴展，可以： 1. 增加每個標簽的瀏覽器兼容性說明 2. 添加更多實際應用場景示例 3. 補充HTML5與HTML4的對比內容 4. 增加常見錯誤用法案例分析
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
