如何在HTML頁面中建立標題?
標題是您希望在網頁上顯示的內容的標題或副標題。標題幫助我們瞭解網頁上的內容。標題和副標題代表網頁內容中的關鍵概念、想法和輔助想法。HTML具有不同級別的標題標籤。
標題由<h1>到<h6>標籤定義。使用標題來顯示HTML文件結構非常重要。<h1>標題應用於主標題,其次是<h2>標題,然後是<h3>,依此類推,直到<h6>。
語法
以下是標題標籤的語法。我們在body標籤內使用這些標籤來為body內的<p>標籤指定標題。
<h1>Content of the heading1</h1> <h2>Content of the heading2</h2> <h3>Content of the heading3</h3> <h4>Content of the heading4</h4> <h5>Content of the heading5</h5> <h6>Content of the heading6</h6>
示例
以下是使用單個標題標籤的示例程式。
<!DOCTYPE html> <html> <head> <title>Title of the page</title> </head> <body> <h1>HTML Articles - Heading1 tag</h1> </body> </html>
示例
以下是使用不同標題標籤的示例程式。
<!DOCTYPE html> <html> <head> <title>Title of the page</title> </head> <body> <h1>HTML Articles - Heading1 tag</h1> <h2>HTML Articles - Heading2 tag</h2> <h3>HTML Articles - Heading3 tag</h3> <h4>HTML Articles - Heading4 tag</h4> <h5>HTML Articles - Heading5 tag</h5> <h6>HTML Articles - Heading6 tag</h6> </body> </html>
以下是不同標題標籤的輸出。我們看到下面輸出中不同標題標籤的字型。
更改標題大小
我們還可以使用style屬性和heading標籤內的font-size屬性來更改標題的大小。
語法
以下是更改標題標籤字型大小的語法。
<h1 style="font-size:40px;" >…</h1>
示例
以下是調整標題標籤大小的示例程式。
<!DOCTYPE html> <html> <head> <title>Title of the page</title> </head> <body> <h1 style="font-size:40px;" >HTML Articles</h1> <h2>HTML Articles </h2> </body> </html>
以下是調整標題標籤字型大小的輸出。
廣告
資料結構
網路
關係資料庫管理系統(RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP