資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究HTML 文件的基本標籤有哪些？
超文字標記語言，也稱為 HTML，用於建立網頁和 Web 應用程式。使用 HTML 建立的這些應用程式可供全球全球資訊網（網際網路）上的任何人訪問。超文字和標記語言共同幫助定義網站或 Web 應用程式的基本藍圖。
HTML 標籤用於指示 HTML 文件中 HTML 元素的開始和結束。藉助這些 HTML 標籤，瀏覽器將 HTML 文件轉換為網站或 Web 應用程式。通常，一個標籤包含三個部分：開始標籤 - 標記標籤的開始，內容 - 將在瀏覽器上顯示的資訊，結束標籤 - 標記標籤的結束，此標籤用反斜槓表示，如下所示 </tag>。
注意 - 所有 html 標籤始終都小寫。
HTML 還有一些未閉合的標籤，這意味著這些標籤沒有結束標籤，例如 <hr> 和 <br> 標籤。
HTML 文件必須具有一些基本的 HTML 標籤，以便 Web 瀏覽器能夠正確理解和顯示它。這些標籤幫助 Web 瀏覽器區分普通文字和 HTML 文字。有四個基本的 HTML 標籤構成了每個 HTML 檔案的基本結構 -
- <html></html>
- <head></head>
- <title></title>
- <body></body>
在我們開始介紹基本標籤之前，讓我們在後續部分了解一下 HTML 宣告。
<!DOCTYPE>
<!DOCTYPE> 不是標籤，而是一個宣告，它告訴瀏覽器文件型別。它指定了文件使用的 HTML 版本，以便瀏覽器能夠正確顯示網頁。所有 HTML 文件都必須以該宣告開頭。它不區分大小寫。
語法
<!DOCTYPE html>
HTML 中的重要標籤 -
- <html></html>
- <head></head>
- <title></title>
- <body></body>
<html></html>
當瀏覽器遇到這些標籤時，它會被視為 HTML 文件的開始和結束。此處的標籤被視為 HTML 標籤，並由瀏覽器相應地處理。
語法
<html> Content </html> <head> </head>
此標籤用於定義文件的頭部部分，其中包含與頁面相關的資訊。此標籤儲存的資料在瀏覽器中不可見。在此標籤下，還有各種其他標籤儲存有關頁面的資訊，例如 -
- <title></title> (必填)
- <base></base>
- <link></link>
- <meta></meta>
- <style></style>
- <script></script>
語法
<head> <title></title> <meta></meta> <link></link> <style></style> <script></script> </head>
示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My test page</title> </head> </html>
<title></title>
此標籤儲存網頁的標題/名稱。在此標籤中給出的任何標題/內容，都會在瀏覽器開啟時顯示在選項卡上。它在頭部標籤中描述。
從 SEO 的角度來看，此標籤非常重要，因為此標籤的內容將用於 SEO 排名。並嘗試將內容保持在 50 到 60 個字元之間，因為 SEO 只會顯示這麼多字元。
語法
<title> Title of the Webpage </title>
示例
<!DOCTYPE html> <html> <head> <title>Demo Title - Tutorialspoint</title> </head> <body> <p>This is a paragraph.</p> </body> </html>
<base></base>
此元素儲存文件中所有相對連結的基本 URL，最終意味著一旦我們在頁面的頭部部分定義了基本 URL，則相對連結將使用此 URL 作為起點。
示例
<!DOCTYPE html> <html lang="en"> <head> <title>Example − Base HTML Tag</title> <base href="https://tutorialspoint.tw/"> </head> <body> <p><a href="index.htm">Go to Tutorialspoint </a>.</p> </body> </html>
注意 - HTML 每個文件只允許一個元素。
<link><link>
<link> 幫助我們在當前文件和外部文件或資源之間建立聯絡。這隻有一個屬性但沒有內容。最常見的用途是連結外部樣式表。
示例
<!DOCTYPE html> <html lang="en"> <head> <title>Example − Link Tag</title> <base href="https://tutorialspoint.tw/"> <link rel=’stylesheet’ href=’style.css’> </head> <body> <p><a href="index.htm">Go to Tutorialspoint </a>.</p> </body> </html>
<style></style>
此標籤在 HTML 文件中嵌入樣式資訊。
示例
<!DOCTYPE html> <html> <head> <title>Example − Style Tag</title> <base href="https://tutorialspoint.tw/"> <style> .red { color: red; } .thick { font-size:20px; } .green { color:green; } </style> </head> <body> <p class = "red">This is red</p> <p class = "thick">This is thick</p> <p class = "green">This is green</p> <p class = "thick green">This is thick and green</p> </body> </html>
<meta></meta>
HTML 允許您以多種方式指定元資料 - 有關文件的其他重要資訊。META 元素可用於包含描述 HTML 文件屬性的名稱/值對，例如作者、過期日期、關鍵字列表、文件作者等。
<meta> 標籤用於提供此類其他資訊。此標籤是一個空元素，因此沒有結束標籤，但它在其屬性中攜帶資訊。
示例
<html> <head> <meta charset="utf-8"> <meta name = "keywords" content = "HTML, Meta Tags, Metadata" /> <title>My test page</title> </head> <body> <p>Hello HTML5!</p> </body> </html>
<script></script>
指令碼是一小段程式，可以為您的網站新增互動性。您可以使用任何指令碼語言編寫各種小函式（稱為事件處理程式），然後您可以使用 HTML 屬性觸發這些函式。現在，大多數 Web 開發人員都使用 JavaScript 和相關的框架。您可以將 JavaScript 程式碼儲存在單獨的檔案中，然後在需要的地方包含它，或者您可以在 HTML 文件本身中定義功能。
為了在 HTML 文件中定義指令碼，我們使用 script 標籤。
示例
<html> <head> <meta charset="utf-8"> <meta name = "keywords" content = "HTML, Meta Tags, Metadata" /> <title>Example Script tag</title> <script type =’script/javascript’> document.write("Hello JavaScript!"); </script> </head> <body> <p>Sample Text </p> </body> </html>
<body></body>
此標籤用於向用戶顯示網頁上的所有資訊或資料，即文字、影像、超連結影片等。此處，所有內容（如文字、影像、超連結影片等）都包含在此標籤中。
語法
<body> Content of the body </body>
示例
<!DOCTYPE html> <html> <head> <title>HTML body Tag</title> </head> <body> Body of the document... </body> </html>
1K+ 瀏覽量
