HTML 入門

HTML 檔案只是一個以 .html.htm 副檔名儲存的文字檔案(即與.txt 副檔名相對)。

入門

在這裡,你將瞭解建立 HTML 文件(即網頁)是多麼容易。要開始編碼 HTML,你只需要兩個東西:簡單文字編輯器和 Web 瀏覽器。

好吧,讓我們直接進入它。

建立你的第一個 HTML 文件

讓我們來完成以下步驟。在本教程結束時,你將建立一個 HTML 檔案,在 Web 瀏覽器中顯示“Hello world”訊息。

第 1 步:建立 HTML 檔案

開啟計算機的純文字編輯器並建立一個新檔案。

提示: 我們建議你僅使用最簡單的文字編輯器,如記事本(在 Windows 下),TextEdit(在 Mac 上)。一旦理解了基本原理,就可以切換到更高階的工具,例如 Dreamweaver。

第 2 步:輸入一些 HTML 程式碼

從空視窗開始,然後鍵入以下程式碼:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>A simple HTML document</title>
</head>
<body>
    <p>Hello World!<p>
</body>
</html>

第 3 步:儲存檔案

現在將檔案儲存為桌面上的 myfirstpage.html

**注意:**指定 .html 副檔名很重要 - 某些文字編輯器(如記事本)將自動另存為 .txt

在瀏覽器中開啟檔案。導航到你的檔案,然後雙擊它。它將在你的預設 Web 瀏覽器中開啟。 (如果沒有,請開啟瀏覽器並將檔案拖到它上面。)

程式碼說明

你可能會想到該程式碼的全部內容。好的,讓我們直接進入它。

  • DOCTYPE 宣告 - 一行定義 HTML5 文件型別。
  • 宣告性標題部分(由 HEAD 元素包含) - 提供有關文件的資訊,包括標題,樣式資訊和指令碼。
  • 文件正文(由 BODY 元素包圍) - 包含在 Web 瀏覽器中呈現並顯示給使用者的文件的實際內容。

你將在接下來的課程中瞭解 HTML 文件的各種元素。我們建議你嘗試一下你在這裡學到的一切。

HTML 標籤和元素

HTML 以 HTML 元素的形式編寫,包含標記標記。這些標記標記是 HTML 的基本特徵。每個標記標籤由一個關鍵字,由尖括號括起,如 <html><head><body><title> ,等。

HTML 標籤通常都成對出現比如 <html></html> 。一對中的第一個標記通常稱為開始標記(或開始標記),第二個標記稱為結束標記(或結束標記)。

開始標記和結束標記是相同的,除了在結束標記的開始尖括號之後的斜槓(/) 之外,告訴瀏覽器該命令已經完成。在這些標籤之間,你可以新增標題,文字段落,表格,表格,影象,視訊等。例如,由 p 元素表示的段落將寫為:

<p>This is a paragraph.</p>

你將在下一章中瞭解有關 HTML 元素的 更多資訊。