HTML 編輯器

海豚V靓仔發表於2024-08-04
HTML

使用像Notepad（在Windows上）或TextEdit（在MacOS上）這樣的基本文字編輯器來學習HTML是一個非常棒的開始。這些工具雖然簡單，但足以讓你編寫並檢視基本的HTML程式碼，幫助你理解HTML的結構和語法。下面我將詳細解釋每一步，確保你能成功建立並檢視你的第一張HTML網頁。

步驟一：啟動記事本（或TextEdit）

對於Windows使用者（Notepad）:

  1. 點選“開始”按鈕。
  2. 在“開始”選單中，選擇“所有程式”。
  3. 在“所有程式”列表中，找到“附件”資料夾並開啟它。
  4. 在“附件”資料夾中，點選“記事本”以啟動它。

對於Mac使用者（TextEdit）:

  1. 在Finder中，開啟“應用程式”資料夾。
  2. 找到並雙擊“TextEdit”應用來啟動它。

步驟二：用記事本（或TextEdit）來編輯HTML

在開啟的記事本（或TextEdit）視窗中，輸入你的HTML程式碼。例如，一個簡單的HTML頁面可能看起來像這樣：

<!DOCTYPE html>
<html>
<head>
    <title>我的第一張網頁</title>
</head>
<body>
    <h1>歡迎來到我的網頁</h1>
    <p>這是一個使用HTML編寫的簡單頁面。</p>
</body>
</html>

步驟三：儲存HTML

  1. 在記事本（或TextEdit）中，點選“檔案”選單。
  2. 選擇“另存為...”。
  3. 在彈出的儲存對話方塊中，選擇一個容易記憶的資料夾（比如“w3school”），並在檔名框中輸入你的檔名，比如“myfirstpage.html”。確保副檔名是.html或.htm。
  4. 點選“儲存”。

注意：

  • 對於Mac使用者：如果你在使用TextEdit，請確保在儲存檔案時選擇“純文字”格式，而不是“富文字”（Rich Text）格式。TextEdit預設可能以富文字格式儲存檔案，這會在檔案中新增額外的格式程式碼，從而破壞HTML程式碼。你可以在儲存對話方塊的“格式”下拉選單中選擇“純文字”來避免這個問題。

步驟四：在瀏覽器中執行這個HTML檔案

  1. 開啟你的瀏覽器（如Chrome、Firefox、Safari等）。
  2. 使用瀏覽器的“檔案”選單中的“開啟檔案...”選項，或者直接在檔案資源管理器（或Finder）中雙擊你的HTML檔案。
  3. 你的HTML頁面應該會在瀏覽器中開啟，並顯示你編寫的內容。

按照以上步驟，你就可以使用Notepad（或TextEdit）來建立並檢視你的第一張HTML網頁了。

本文由一同學習平臺 GlGxt.CN 釋出！

相關文章