超文字標記語言/簡介

超文字標記語言 (HTML) 是一種簡單的格式，用於建立可以在不同平臺之間移植的超文字文件。HTML（超文字標記語言）被用於全球資訊網的大多數頁面。HTML 檔案包含主要文字內容和額外的格式化標記，即告訴 Web 瀏覽器如何顯示和處理主要內容的字元序列。標記可以指定文字的哪些部分應該加粗，標題在哪裡，或者表格、表格行和表格單元格的開始和結束位置。雖然 HTML 最常被視覺化 Web 瀏覽器顯示，但它也可以被生成文字音訊的瀏覽器使用，被將頁面轉換為盲文格式的盲文閱讀器使用，以及被電子郵件客戶端等輔助程式使用。

在開始之前

要編寫和測試 HTML 頁面，您需要一個編輯器和一個 Web 瀏覽器。HTML 可以用任何純文字編輯器進行編輯。理想情況下，使用一個能夠用顏色突出顯示 HTML 標記的編輯器，這樣更容易閱讀。常見的純文字編輯器包括：Microsoft® Windows 上的 Notepad（或 Notepad++）、Mac 上的 TextEdit 以及 Linux 上的 Kate、Gedit、Vim 和 Emacs。

存在許多其他具有廣泛功能的編輯器。雖然有些提供 WYSIWYG（所見即所得）功能，但這意味著隱藏標記本身並必須自動生成它。WYSIWYG 選項很少像手動編寫的程式碼那樣乾淨或透明。此外，與真正的基於程式碼的文字編輯器相比，WYSIWYG 在學習方面沒有那麼有用。

要預覽您的文件，您需要一個 Web 瀏覽器。為了確保大多數檢視者都能看到良好的結果，理想情況下您應該在多個瀏覽器中測試您的文件。每個瀏覽器都有略微不同的渲染和特定怪癖。

最常見的瀏覽器包括 Microsoft Edge、Google Chrome、Mozilla Firefox、Safari 和 Opera。為了確保您的文件在純文字環境中可讀，您可以用 Lynx 進行測試。

一個簡單的文件

讓我們從一個簡單的文件開始。在您的編輯器中編寫此程式碼（或複製貼上它），並將其儲存為“index.html”或“index.htm”。檔案必須以完全相同的副檔名儲存，否則它將無法正確渲染。

<!DOCTYPE html>
<html>
  <head>
    <title>Simple document</title>
  </head>
  <body>
    <p>This is some text in a paragraph that will be seen by viewers.</p>
  </body>
</html>

現在在您的瀏覽器中開啟該文件，看看結果。從上面的示例中，我們可以推斷出 HTML 文件的某些要點

第一行使用 <!DOCTYPE html> 宣告文件的型別。
HTML 文件以 <html> 標籤開頭，以其對應標籤 </html> 結束。
在 <html></html> 標籤內，有兩個主要的標籤對，<head></head> 和 <body></body>。
在 <head></head> 標籤內，有 <title></title> 標籤，它們包含將在 Web 瀏覽器標題欄中顯示的文字標題。
在 <body></body> 內是一個用  標籤對標記的段落。

通用 HTML 標籤程式碼樣式

大多數標籤必須成對寫入，在它們之間將應用標籤的效果。
- 此文字被強調 – 此文字被強調
- 此文字包含 <code>計算機程式碼</code> – 此文字包含 計算機程式碼
- 此文字被強調並且包含 <code>計算機程式碼</code> – 此文字被強調並且包含 計算機程式碼
HTML 標籤對必須對齊，以封裝其他標籤對，例如
- <code>此文字既是程式碼又是被強調的</code> – 此文字既是程式碼又是被強調的
- 錯誤：<code>此標記有誤</code>

The <html> Tag

The <html> 和 </html> 標籤用於標記 HTML 文件的開始和結束。此標籤對文件的外觀沒有影響。
此標籤用於讓瀏覽器和其他程式知道這是一個 HTML 文件。

有用的屬性

dir 屬性: 此屬性指定瀏覽器將在整個文件中以哪種方式呈現文字。它可以具有 ltr（從左到右）或 rtl（從右到左）的值。預設情況下，它被設定為 ltr。通常，rtl 用於波斯語、中文、希伯來語、烏爾都語等語言。

示例： <html dir="ltr">

lang 屬性: lang 屬性通常指定在文件中使用哪種語言。

特殊型別的程式碼用於指定不同的語言
en - 英語
fa - 波斯語
fr - 法語
de - 德語
it - 義大利語
nl - 荷蘭語
el - 希臘語
es - 西班牙語
pt - 葡萄牙語
ar - 阿拉伯語
he - 希伯來語
ru - 俄語
zh - 中文
ja - 日語
hi - 印地語

示例： <html lang="en">