# 常見的HTML單詞及作用有哪些
HTML（HyperText Markup Language）是構建網頁的基礎語言，由一系列標簽（tags）和屬性（attributes）組成。以下將介紹常見的HTML單詞及其作用，幫助初學者快速掌握核心概念。
---
## 一、基礎結構標簽
### 1. `<!DOCTYPE html>`
- **作用**：聲明文檔類型為HTML5，確保瀏覽器以標準模式渲染頁面。
### 2. `<html>`
- **作用**：根元素，包裹整個HTML文檔。
### 3. `<head>`
- **作用**：包含元數據（如標題、字符集、CSS/JS鏈接），不直接顯示在頁面中。
### 4. `<title>`
- **作用**：定義瀏覽器標簽頁或書簽顯示的標題。
### 5. `<body>`
- **作用**：包含所有可見的網頁內容，如文本、圖片、鏈接等。
---
## 二、常用內容標簽
### 1. 標題標簽
- `<h1>` 到 `<h6>`
- **作用**：定義標題，`<h1>` 級別最高，`<h6>` 最低。
### 2. 段落與文本
- `<p>`
- **作用**：定義段落，自動添加上下邊距。
- `<span>`
- **作用**：行內容器，用于樣式化或腳本操作部分文本。
- `<br>`
- **作用**：強制換行。
- `<hr>`
- **作用**：創建水平分隔線。
### 3. 鏈接與圖片
- `<a>`
- **作用**：定義超鏈接，通過 `href` 屬性指定目標URL。
- `<img>`
- **作用**：嵌入圖片，需指定 `src`（圖片路徑）和 `alt`（替代文本）。
### 4. 列表
- `<ul>` 和 `<ol>`
- **作用**：定義無序列表（圓點）和有序列表（數字）。
- `<li>`
- **作用**：定義列表項。
---
## 三、表單相關標簽
### 1. `<form>`
- **作用**：創建表單，用于用戶輸入提交。常用屬性：
- `action`：提交目標URL。
- `method`：HTTP方法（GET/POST）。
### 2. 輸入控件
- `<input>`
- **作用**：多種輸入類型，通過 `type` 指定：
- `text`：文本框
- `password`：密碼框
- `checkbox`：復選框
- `radio`：單選按鈕
- `submit`：提交按鈕
- `<textarea>`
- **作用**：多行文本輸入框。
- `<select>` 和 `<option>`
- **作用**：創建下拉選擇框。
### 3. `<label>`
- **作用**：關聯表單控件的說明文本，提升可訪問性。
---
## 四、結構與語義標簽（HTML5新增）
### 1. `<header>`
- **作用**：定義頁眉或區塊頭部。
### 2. `<nav>`
- **作用**：導航鏈接容器。
### 3. `<section>`
- **作用**：定義文檔中的獨立區塊。
### 4. `<article>`
- **作用**：表示獨立內容（如博客文章）。
### 5. `<footer>`
- **作用**：定義頁腳或區塊尾部。
### 6. `<div>`
- **作用**：通用容器，用于布局或樣式化分組。
---
## 五、其他重要標簽
### 1. 表格
- `<table>`, `<tr>`, `<td>`, `<th>`
- **作用**：創建表格結構（表格、行、單元格、表頭）。
### 2. 多媒體
- `<audio>` 和 `<video>`
- **作用**：嵌入音頻和視頻。
- `<iframe>`
- **作用**：內嵌其他網頁或內容。
### 3. 元信息
- `<meta>`
- **作用**：定義字符集、視口設置等。
- `<link>`
- **作用**：鏈接外部資源（如CSS文件）。
---
## 總結
掌握這些常見的HTML單詞及其作用是網頁開發的基礎。通過合理組合標簽和屬性，可以構建結構清晰、語義明確的網頁。隨著HTML5的普及，語義化標簽的使用進一步提升了代碼的可讀性和SEO效果。建議通過實踐練習鞏固這些知識，逐步深入前端開發領域。
這篇文章總計約750字，采用Markdown格式，覆蓋了HTML的基礎標簽、表單、語義化結構等內容，適合初學者快速查閱。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
