HTML 常用標簽速查表
🧱 結構類標簽
| 標簽 | 含義 | 用途說明 |
|---|---|---|
<html> | HTML文檔根元素 | 所有HTML內容的根節點 |
<head> | 頭部信息 | 放置元信息，如標題、引入CSS/JS等 |
<body> | 頁面內容主體 | 所有可視內容的容器 |
📝 文本與標題標簽
| 標簽 | 含義 | 用途說明 |
|---|---|---|
<h1> ~ <h6> | 標題 | <h1>最大，依次變小 |
<p> | 段落 | 用于段落文本 |
<br> | 換行 | 強制換行（單標簽） |
<hr> | 水平線 | 用于分隔內容（單標簽） |
<strong> | 強調加粗 | 語義強調，視覺加粗 |
<em> | 斜體強調 | 表示語義上強調 |
<b> | 加粗 | 僅視覺加粗，無語義 |
<i> | 斜體 | 僅視覺斜體，無語義 |
<span> | 行內容器 | 無語義，便于樣式控制 |
<div> | 區塊容器 | 無語義，用于布局劃分 |
富文本標簽
📋 列表標簽
| 標簽 | 含義 | 用途說明 |
|---|---|---|
<ul> | 無序列表 | 項目前有圓點 |
<ol> | 有序列表 | 項目前有編號 |
<li> | 列表項 | 用于ul或ol中 |
🧩 表格標簽
| 標簽 | 含義 | 用途說明 |
|---|---|---|
<table> | 表格容器 | 創建表格 |
<tr> | 表格行 | 一行內容 |
<td> | 表格單元格 | 表格中的數據格 |
<th> | 表頭單元格 | 表格中的標題格 |
<thead> | 表頭區域 | 分離表格頭部 |
<tbody> | 表格主體 | 表格主體部分 |
<tfoot> | 表格底部 | 表格匯總行等 |
🔗 外部資源標簽（超鏈接和媒體）
| 標簽 | 含義 | 用途說明 |
|---|---|---|
<a href=""> | 超鏈接 | 可跳轉頁面或地址 |
<img src=""> | 圖片 | 顯示圖片，單標簽 |
<video> | 視頻 | 嵌入視頻播放 |
<audio> | 音頻 | 嵌入音頻播放 |
<source> | 媒體資源 | 配合<video>或<audio>使用 |
🧾 表單相關標簽
| 標簽 | 含義 | 用途說明 |
|---|---|---|
<form> | 表單容器 | 收集用戶輸入 |
<input> | 輸入框 | 類型由type決定 |
<textarea> | 多行輸入 | 文本框 |
<select> | 下拉框 | 配合<option>使用 |
<option> | 下拉項 | 用于<select>中 |
<label> | 標簽 | 表單項描述 |
<button> | 按鈕 | 提交、重置或自定義行為 |
📦 語義化標簽（HTML5）
| 標簽 | 含義 | 用途說明 |
|---|---|---|
<header> | 頁頭 | 放logo、導航等 |
<nav> | 導航區域 | 鏈接菜單等 |
<main> | 主內容區域 | 頁面核心內容 |
<section> | 區塊 | 相對獨立的內容區域 |
<article> | 文章 | 獨立內容，如文章、帖子 |
<aside> | 側邊欄 | 相關信息、推薦等 |
<footer> | 頁腳 | 版權、聲明等 |
)
大模型實現智能語音對話--流式語音識別)
 視頻教程 - 微博文章數據可視化分析-點贊區間實現)
