id 屬性
id屬性指定 HTML 元素的唯一 ID。id屬性的值在 HTML 文檔中必須是唯一的。
id屬性用於指向樣式表中的特定樣式聲明。JavaScript 也可使用它來訪問和操作擁有特定 ID 的元素。id 的語法是：寫一個井號 (#)，後跟一個 id 名稱。然後，在花括號 {} 中定義 CSS 屬性。
實例：
例子有一個
<h2>元素，它指向 id 名稱 "Header"。這個<h2>元素將根據 head 部分中的#Header樣式定義進行樣式設置：
代碼：
<!DOCTYPE html>
<html>
<head>
<style>
#Header{
background-color: lightblue;
color:black;
padding: 40px;
text-align: center;
}
</style>
</head>
<body>
<!--
id 名稱對大小寫敏感！
id 必須包含至少一個字符，且不能包含空白字符（空格、製表符等）
-->
<h2 id="Header">My Header</h1>
</body>
</html>background-color:背景顏色；
color：字體顏色；
padding在html中是內邊距的意思。這是一個設置內邊距的簡寫屬性,可以定義元素邊框與元素內容之間的空間,即上下左右的內邊距；
text-align：在CSS中，使用text-align屬性控制文本的水平方向的對齊方式。
瀏覽器顯示如下：
Class 與 ID 的差異
同一個類名可以由多個 HTML 元素使用，而一個 id 名稱只能由頁面中的一個 HTML 元素使用
實例：
<!DOCTYPE html>
<html>
<head>
<style>
#Header{
background-color: lightblue;
color:black;
padding: 40px;
text-align: center;
}
.class{
background-color: antiquewhite;
padding: 10px;
}
</style>
</head>
<body>
<!--
id 名稱對大小寫敏感！
id 必須包含至少一個字符，且不能包含空白字符（空格、製表符等）
-->
<h2 id="Header">My Header</h1>
<!-- 擁有相同類名的多個元素 -->
<p class="class">數據結構</p>
<p class="class">Java</p>
<p class="class">數據庫</p>
<p class="class">軟件項目管理</p>
</body>
</html>瀏覽器顯示如下：
通過 ID 和鏈接實現 HTML 書籤
1.用 id 屬性創建書籤：
<h2 id="A4">第四章</h2>
2.在同一張頁面中，向這個書籤添加一個鏈接（“跳轉到第四章”）：
<a href="#A4">跳轉到第四章</a>
代碼：
<!DOCTYPE html>
<html>
<head>
<style>
.p2{
background-color:burlywood;
}
</style>
</head>
<body>
<h2 id="A4">第四章</h2>
<p>HTML 書籤用於讓讀者跳轉至網頁的特定部分。<br/>
<br/>
如果頁面很長，那麼書籤可能很有用。<br/>
要使用書籤，您必須首先創建它，然後為它添加鏈接。<br/>
<br/>
然後，當單擊鏈接時，頁面將滾動到帶有書籤的位置。<br/><br/>
HTML 書籤用於讓讀者跳轉至網頁的特定部分。<br/><br/>
HTML 書籤用於讓讀者跳轉至網頁的特定部分。<br/><br/>
如果頁面很長，那麼書籤可能很有用。<br/><br/>
<br/><br/>
要使用書籤，您必須首先創建它，然後為它添加鏈接。
<br/><br/>
然後，當單擊鏈接時，頁面將滾動到帶有書籤的位置。<br/><br/>
HTML 書籤用於讓讀者跳轉至網頁的特定部分。<br/><br/>
<br/><br/>
如果頁面很長，那麼書籤可能很有用。
<br/><br/>
要使用書籤，您必須首先創建它，然後為它添加鏈接。
<br/><br/>
然後，當單擊鏈接時，頁面將滾動到帶有書籤的位置。
HTML 書籤用於讓讀者跳轉至網頁的特定部分。
<br/><br/>
如果頁面很長，那麼書籤可能很有用。
<br/><br/>
要使用書籤，您必須首先創建它，然後為它添加鏈接。
<br/><br/>
然後，當單擊鏈接時，頁面將滾動到帶有書籤的位置。
HTML 書籤用於讓讀者跳轉至網頁的特定部分。
<br/><br/>
如果頁面很長，那麼書籤可能很有用。
<br/><br/>
要使用書籤，您必須首先創建它，然後為它添加鏈接。
<br/><br/>
然後，當單擊鏈接時，頁面將滾動到帶有書籤的位置。
HTML 書籤用於讓讀者跳轉至網頁的特定部分。
<br/><br/>
如果頁面很長，那麼書籤可能很有用。
<br/><br/>
要使用書籤，您必須首先創建它，然後為它添加鏈接。
<br/><br/>
然後，當單擊鏈接時，頁面將滾動到帶有書籤的位置。
HTML 書籤用於讓讀者跳轉至網頁的特定部分。
<br/><br/>
如果頁面很長，那麼書籤可能很有用。
<br/><br/>
要使用書籤，您必須首先創建它，然後為它添加鏈接。
<br/><br/>
然後，當單擊鏈接時，頁面將滾動到帶有書籤的位置。
HTML 書籤用於讓讀者跳轉至網頁的特定部分。
<br/><br/>
如果頁面很長，那麼書籤可能很有用。
<br/><br/>
要使用書籤，您必須首先創建它，然後為它添加鏈接。
<br/><br/>
然後，當單擊鏈接時，頁面將滾動到帶有書籤的位置。
HTML 書籤用於讓讀者跳轉至網頁的特定部分。
<br/><br/>
如果頁面很長，那麼書籤可能很有用。
<br/><br/>
要使用書籤，您必須首先創建它，然後為它添加鏈接。
<br/><br/>
然後，當單擊鏈接時，頁面將滾動到帶有書籤的位置。
HTML 書籤用於讓讀者跳轉至網頁的特定部分。
<br/><br/>
如果頁面很長，那麼書籤可能很有用。
<br/><br/>
要使用書籤，您必須首先創建它，然後為它添加鏈接。
<br/><br/>
然後，當單擊鏈接時，頁面將滾動到帶有書籤的位置。
<br/><br/>
然後，當單擊鏈接時，頁面將滾動到帶有書籤的位置。
HTML 書籤用於讓讀者跳轉至網頁的特定部分。
<br/><br/>
如果頁面很長，那麼書籤可能很有用。
<br/><br/>
要使用書籤，您必須首先創建它，然後為它添加鏈接。
<br/><br/>
然後，當單擊鏈接時，頁面將滾動到帶有書籤的位置。
HTML 書籤用於讓讀者跳轉至網頁的特定部分。
<br/><br/>
如果頁面很長，那麼書籤可能很有用。
<br/><br/>
要使用書籤，您必須首先創建它，然後為它添加鏈接。
<br/><br/>
然後，當單擊鏈接時，頁面將滾動到帶有書籤的位置。</p>
<p class="p2">This is the end.END END END </p>
<h2 class="p2">END </h2>
<a href="#A4">跳轉到第四章</a>
</body>
</html>瀏覽器顯示如下：
通過 ID 和鏈接實現 HTML 書籤
在另一張頁面中，添加指向這個書籤的鏈接（“跳轉到第四章”）：
<a href="html_demo.html#C4">Jump to Chapter 4</a>本文章為轉載內容，我們尊重原作者對文章享有的著作權。如有內容錯誤或侵權問題，歡迎原作者聯繫我們進行內容更正或刪除文章。