HTML 術(shù)語詞典：全面解析 HTML 核心概念與常用標簽
屬性
class
HTML 元素可以有一個或多個類，類之間用空格分隔。你可以使用 CSS 通過類來選擇元素并為其設置樣式。
示例
<div class="big-box yellow-box">這是一個大的黃色盒子。</div>
id
HTML 元素可以有一個 id 屬性來標識它。id 應該是唯一的，每個元素最多只能有一個 id。
示例
<div id="my-box">這是我的盒子！請把你的文字放在其他盒子里。</div>
href
鏈接使用 href 屬性告訴瀏覽器要去哪里，href 存儲一個 URL。
示例
<a href="http://eska-fuses.cn/">去 W3Cschool！</a>
基本格式
你可以使用簡單的格式標簽輕松地將文本設置為粗體、斜體或下劃線。
示例
這段文字是 <b>粗體</b>，<i>斜體</i> 和 <u>下劃線</u>。
Body（主體）
主體是頁面所有內(nèi)容的容器。它緊跟在 <head> 標簽之后，位于整體 <html> 標簽內(nèi)。
示例
<html>
<head>
<title>主體標簽的例子</title>
</head>
<body>
這是在主體里面！
</body>
</html>
閱讀更多
使用
幾乎所有內(nèi)容都應該放在主體標簽內(nèi)。主要例外是腳本和樣式標簽，以及頁面標題標簽。如你所見，在這個例子中，主體標簽內(nèi)有一個標題、一個圖像和一個鏈接。頭部標簽只包含外部文件和頁面標題。
示例
<html>
<head>
<title>我的主頁</title>
<link rel="stylesheet" type="text/css" href="homepage.css" />
<script type="text/javascript" src="homepage.js"></script>
</head>
<body>
<h1>你好，這是一張我的貓的照片！</h1>
<img src="cat.jpg" />
<a href="mailto:cat@w3cschool.cn">給我發(fā)郵件</a>
</body>
</html>
子元素
一個元素是另一個元素的直接后代或嵌套在另一個元素內(nèi)時，它被稱為子元素。在使用 CSS 子選擇器和偽元素時，這些概念非常有用。
示例
<ul id="parent">
<li id="child">我是 parent 的子元素！</li>
</ul>
注釋
HTML 注釋有時用于代碼中以解釋標記的部分。它們與其他語言中的注釋類似。用戶在瀏覽器中看不到注釋。
語法
<!-- 這是一個注釋 -->
Div（分區(qū)）
一個塊級容器（或網(wǎng)頁的“分區(qū)”），用于沒有語義意義的內(nèi)容。
語法
<div>這是一個 div 元素。</div>
Head（頭部）
頭部標簽圍繞對用戶不可見但對瀏覽器重要的內(nèi)容。此標簽內(nèi)的元素包含關于頁面的元數(shù)據(jù)以及樣式表、腳本等的鏈接。
<html>
<head>
</head>
<body>
</body>
</html>
標題
標題元素如 <h1>、<h2>、<h3> 等允許你使用六級文檔標題，從最大到最小，將文檔分成邏輯部分。例如，上面的“標題”一詞被包裹在一個 <h2> 標簽中。
語法
<h1>這是一個標題！</h1>
水平線
此標簽創(chuàng)建一條貫穿其容器的黑色 1 像素粗的線。你可以使用 CSS 使其看起來不同。
示例
這段文字被<hr>分隔... 從這段文字！
閱讀更多
HTML
HTML 是什么？
HTML 代表超文本標記語言。它是用于創(chuàng)建所有網(wǎng)站的語言。
閱讀更多
<html> 標簽
所有 HTML 文件都包含在一個總體的 html 標簽內(nèi)。這是定義 html 文檔的基本標簽。
語法
<html> 你的網(wǎng)頁其余部分放在這里！</html>
閱讀更多
超鏈接
超鏈接（或鏈接）當用戶點擊時會將他們帶到另一個網(wǎng)頁。鏈接最常用的屬性是 href，它告訴瀏覽器鏈接指向哪里。
語法
<a href="這個鏈接指向的網(wǎng)址">鏈接文本</a>
示例
以下文字 <a rel="external nofollow" target="_blank" >去 Google</a>。
圖像
img 標簽將圖像嵌入到你的 HTML 中。總是與 'src' 屬性一起使用，它告訴瀏覽器在哪里找到圖像。注意 <img/> 標簽是自閉合的。
語法
<img src='我的本地圖像.jpg'/>
換行
此標簽用于在文本塊中強制換行。這適用于單個段落中需要此格式的情況，如詩歌或地址。要分隔段落，請將每個段落分成一個單獨的 <p> 元素。結(jié)果元素在網(wǎng)頁上將如下所示：
示例
<p>一些文本 <br/> 跨兩行的文本</p>
鏈接
鏈接元素用于將你的文檔連接到相關資源（與超鏈接非常不同，超鏈接當你點擊它們時會帶你到另一個網(wǎng)頁）。鏈接只出現(xiàn)在文檔的頭部部分，因此它們不會改變內(nèi)容，只改變呈現(xiàn)方式。鏈接最常用于連接到樣式表、腳本、網(wǎng)站圖標或頁面的替代格式，如 RSS 源或 PDF。
示例
<link type="text/css" rel="stylesheet" href="styles.css" />
列表
HTML 支持兩種列表：有序列表和無序列表。在列表中，每個列表項都有自己的標簽。
無序列表
無序列表是項目以項目符號表示的列表。
示例
購物清單
<ul>
<li>洗碗液</li>
<li>貓砂</li>
<li>番茄醬</li>
</ul>
閱讀更多
有序列表
有序列表的項目以數(shù)字表示。
示例
我的編號列表
<ol>
<li>第一項！</li>
<li>第二項！</li>
<li>最后一項！</li>
</ol>
閱讀更多
段落
<p>
HTML 中最常用的標簽之一 - 它表示一個文本段落。它通常包含其他元素，如 <img/>、<a>、<strong> 和 <em>。
語法
<p>這是段落文本！</p>
語義化格式
這些標簽與之前提到的格式標簽類似，但它們有語義價值（意義）。<em> 用于你想要強調(diào)的內(nèi)容，<strong> 用于重要的內(nèi)容。通過嵌套這些元素，你可以傳達文本的強調(diào)或重要性級別。嵌套的層數(shù)越多，文本的重要性就越高。
示例
<p><strong><strong>警告：</strong>酸會造成嚴重灼傷</strong></p>
表格
用于以行和列顯示信息的元素。支持帶有標簽的列標題和列尾。將信息分為行（由 tr 標簽表示），行中包含單元格（由 td 標簽表示）。
示例
<table>
<thead>
<tr>
<th>項目</th>
<th>價格</th>
</tr>
</thead>
<tbody>
<tr>
<td>香蕉</td>
<td>￥8.00</td>
</tr>
<tr>
<td>酸奶</td>
<td>￥10.00</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>總計</td>
<td>￥18.00</td>
</tr>
</tfoot>
</table>
標簽和元素
標簽是基本的標簽，用于將你的標記分成元素。它們由一個關鍵詞組成，關鍵詞被尖括號 <> 包圍。內(nèi)容位于兩個標簽之間，關閉標簽前綴為斜杠（注意：有些 HTML 標簽是自閉合的，如圖像標簽）。標簽還可以有屬性。
語法
<tag attribute='value'>內(nèi)容</tag>
標題
此標簽告訴瀏覽器在頂部顯示頁面標題，并告訴搜索引擎你的網(wǎng)站標題是什么。它位于 <head> 標簽內(nèi)。盡量使你的頁面標題描述性，但不要太冗長。
示例
<title>HTML 術(shù)語詞典</title>
希望這篇文章能幫助你更好地理解 HTML！如果你有任何問題或需要進一步的幫助，請隨時訪問 編程獅。
課程推薦：
更多建議：