# HTML的基本標簽和屬性是什么
## 引言
HTML（HyperText Markup Language）是構建網頁的基礎語言，通過標簽（tags）和屬性（attributes）定義文檔結構和內容。本文將系統介紹HTML的核心標簽及其常用屬性，幫助初學者快速掌握網頁開發基礎。
---
## 一、HTML文檔結構標簽
### 1. 根標簽 `<html>`
```html
<html lang="zh-CN">
<!-- 文檔內容 -->
</html>
lang：指定文檔語言（如en/zh-CN）<head><head>
<meta charset="UTF-8">
<title>頁面標題</title>
</head>
<meta>：定義元數據（如字符集）<title>：瀏覽器標簽頁標題<link>：引入外部資源（如CSS）<style>：內嵌CSS樣式<body><body>
<!-- 可見內容區域 -->
</body>
<h1>-<h6><h1>一級標題</h1>
<h2>二級標題</h2>
h1到h6重要性遞減<p><p>這是一個段落文本。</p>
<br>第一行<br>第二行
<hr><hr>
| 標簽 | 作用 | 示例 |
|---|---|---|
<strong> |
加粗（語義重要） | <strong>重要</strong> |
<em> |
斜體（強調） | <em>強調</em> |
<del> |
刪除線 | <del>原價</del> |
<sub> |
下標 | H2O |
<img><img src="image.jpg" alt="描述文本" width="200">
src：圖片路徑（必選）alt：替代文本（SEO重要）width/height：尺寸控制<audio><audio controls>
<source src="audio.mp3" type="audio/mpeg">
</audio>
controls：顯示播放控件autoplay：自動播放（慎用）<video><video width="320" controls>
<source src="video.mp4" type="video/mp4">
</video>
<a><a href="https://example.com" target="_blank">訪問示例</a>
href：目標URLtarget：
_self：當前窗口（默認）_blank：新窗口<a href="#section1">跳轉到第一節</a>
...
<h2 id="section1">第一節</h2>
<ul><ul>
<li>項目1</li>
<li>項目2</li>
</ul>
<ol><ol start="3" type="A">
<li>第一項</li>
<li>第二項</li>
</ol>
type：編號類型（1/A/a/I/i）start：起始值<dl><dl>
<dt>HTML</dt>
<dd>超文本標記語言</dd>
</dl>
<table border="1">
<caption>學生成績表</caption>
<tr>
<th>姓名</th>
<th>成績</th>
</tr>
<tr>
<td>張三</td>
<td>90</td>
</tr>
</table>
<table>：定義表格<tr>：表格行<td>：標準單元格<th>：表頭單元格（自動加粗居中）<form><form action="/submit" method="POST">
<!-- 表單控件 -->
</form>
action：提交地址method：HTTP方法（GET/POST）<input><input type="text" name="username" placeholder="請輸入用戶名">
type值：
text：文本輸入password：密碼輸入checkbox：復選框radio：單選按鈕submit：提交按鈕<select><select name="city">
<option value="bj">北京</option>
<option value="sh">上海</option>
</select>
<textarea><textarea rows="4" cols="50"></textarea>
id：唯一標識符class：CSS類名style：內聯樣式onclick：點擊事件onmouseover：鼠標懸停事件<div data-user-id="123"></div>
data-*屬性用于存儲額外信息掌握這些基礎標簽和屬性是前端開發的起點。隨著HTML5的發展，還出現了更多語義化標簽（如<header>、<article>等），建議在熟悉基礎后進一步學習。實踐是鞏固知識的最佳方式，建議通過構建簡單網頁來練習這些標簽的使用。
“`
注：本文約1500字，采用Markdown格式編寫，包含： 1. 層級標題結構 2. 代碼塊示例 3. 表格對比 4. 分類說明 5. 重點標注
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
