最新的Web開發教程

HTML標題


標題是在HTML文檔很重要。


HTML標題

標題與所定義的<h1> to <h6>標記。

<h1>定義的最重要的標題。 <h6>定義了至少重要標題。

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
試一試»

Note:瀏覽器會自動添加一些空的空間( a margin )前,每個標題後。


標題很重要

使用僅標題HTML標題。 不要使用標題,使文字BIGbold

搜索引擎使用您的標題索引你的網頁的結構和內容。

用戶可通過標題來快速瀏覽你的網頁。 用標題來呈現文檔結構是很重要的。

h1的標題應該是主標題,其次是h2的標題,則不太重要h3 ,等等。


HTML水平規則

所述<hr>標記創建在HTML頁中的水平線。

hr元素可用於單獨的內容:

<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
試一試»

的HTML <head>

該HTML <head>元素無關與HTML標題。

的HTML <head>元素包含元數據 。 元數據不顯示。

的HTML <head>元件放置在之間<html>標記和<body>標記:

<!DOCTYPE html>
<html>

<head>
  <title>My First HTML</title>
  <meta charset="UTF-8">
</head>

<body>
.
.
.
試一試»

元數據是指關於數據的數據。 HTML元數據是關於 HTML文檔數據。


的HTML <title>

的HTML <title>元件是元數據。 它定義了HTML文檔的標題。

標題將不會顯示在文檔中,但可能會顯示在瀏覽器選項卡。


的HTML <meta>

的HTML <meta>元素也是元數據。

它可以被用來定義的字符集,以及有關HTML文檔的其他信息。


更多Meta

在有關HTML樣式的章節你會發現更多的meta元素:

的HTML <style>元素被用來定義內部CSS樣式表。

的HTML <link>元件用於定義外部CSS樣式表。


HTML提示 - 如何查看HTML源代碼

你見過一個網頁,並想知道"Hey! How did they do that?"

為了找到答案,在頁面中單擊鼠標右鍵,選擇"View Page Source" (在Chrome)或"View Source" (in IE)或在另一個瀏覽器類似。 這將打開一個包含網頁的HTML代碼的窗口。


測試自己與練習!

練習1» 練習2» 練習3» 練習4»


HTML標籤參考

w3ii“標籤參考包含有關這些標記及其屬性的更多信息。

您將了解更多有關本教程中的下一個章節HTML標記和屬性。

標籤 描述
<html> 定義一個HTML文檔
<body> 定義文檔的身體
<head> 定義文檔的頭部元素
<h1> to <h6> 定義HTML標題
<hr> 定義一個水平線