HTML（超文本標記語言）是構建網頁的基礎骨架，它通過一系列標簽（Tags）來定義網頁的結構與內容。這些標簽如同建筑中的磚塊，共同搭建起我們瀏覽的每一個網頁。本文將為您介紹HTML中最基本且核心的標簽，它們是每一位網頁開發者的起點。
一、 文檔結構標簽
這些標簽構成了一個標準HTML文檔的基本框架。
<!DOCTYPE html>：文檔類型聲明，它告訴瀏覽器這是一個HTML5文檔。必須位于文檔最頂部。<html>：根標簽，包裹整個HTML文檔的所有內容。lang屬性（如lang="zh-CN"）常用于聲明頁面主要語言。<head>：頭部標簽，包含不直接顯示在頁面上的元信息，如標題、字符集、樣式表和腳本鏈接。<meta charset="UTF-8">：定義文檔字符編碼，確保中文字符等能正確顯示，通常置于<head>內。<title>：定義瀏覽器標簽頁上顯示的頁面標題，對于SEO（搜索引擎優化）至關重要。<body>：主體標簽，包含所有在瀏覽器窗口中可見的內容，如文本、圖片、鏈接等。
一個最簡化的HTML文檔結構如下：`html
`
二、 內容與排版標簽
這些標簽用于組織<body>內的具體內容。
- 標題標簽 (
<h1>到<h6>)：定義標題，<h1>級別最高（最重要，通常一個頁面只用一次），<h6>級別最低。它們自帶加粗和大小樣式。 - 段落標簽 (
<p>)：定義一個文本段落，瀏覽器會自動在段落前后添加一些空白。 - 換行標簽 (
<br>)：強制文本換行，是一個空標簽（沒有閉合標簽）。 - 水平線標簽 (
<hr>)：創建一條水平分割線，常用于分隔內容。 - 文本格式化標簽：
<strong>或<b>：加粗文本。<strong>表示內容重要性，<b>僅表示視覺加粗。
<em>或<i>：傾斜文本。<em>表示內容強調，<i>通常用于技術術語、外國短語等。
<u>：為文本添加下劃線。
三、 超鏈接與圖像標簽
1. 超鏈接標簽 (<a>)：創建指向其他頁面、文件、位置或郵箱的鏈接。核心屬性是href，用于指定鏈接目標地址。
`html
訪問示例網站
`
target="</em>blank" 表示在新標簽頁中打開。
2. 圖像標簽 (<img>)：用于在頁面中嵌入圖像。它是一個空標簽，必須屬性是src（圖像路徑）和alt（圖像無法顯示時的替代文本）。
`html
`
四、 列表標簽
用于創建有序或無序的項目列表。
1. 無序列表 (<ul> 和 <li>)：項目以符號（通常是圓點）標記。<ul>定義列表，<li>定義每個列表項。`html- 蘋果
- 香蕉
`
2. 有序列表 (<ol> 和 <li>)：項目以數字或字母順序標記。<ol>定義列表。`html- 第一步
- 第二步
`
五、 容器標簽
用于分組內容，是CSS樣式布局和JavaScript操作的基礎。
<div>：塊級容器，用于布局和樣式化文檔中的大塊內容。默認獨占一行。<span>：行內容器，用于對文檔中的小段內聯內容進行樣式化或操作。
###
掌握這些基本HTML標簽，您就具備了創建簡單靜態網頁的能力。HTML標簽遠不止這些，但它們是核心與起點。記住，HTML關注的是結構和語義——即“內容是什么”，而外觀樣式則交給CSS負責。通過組合使用這些標簽，并為其添加屬性和內容，您就可以開始構建屬于自己的網絡世界了。實踐是學習的最佳途徑，嘗試用這些標簽寫一個簡單的個人介紹頁面吧！
