如何在瀏覽器中訪問HTML文件?


HTML 代表超文字標記語言 (Hyper Text Markup Language),是一種基於web的指令碼語言。HTML由一組用於建立和構建網頁的元素組成。程式設計師通常更喜歡使用HTML來設計網站,因為它靈活且易於使用。

在本文中,我們將討論如何建立HTML檔案,什麼是HTML檔案,以及如何在瀏覽器中開啟HTML檔案。

什麼是HTML檔案?

HTML檔案是用超文字標記語言編寫的文字文件,包含網頁的內容和結構。此HTML檔案包含用於設計網頁的各種標籤和元素,例如標題、段落、影像等。

我們可以使用各種工具來建立或編輯HTML檔案。但是,我們可以使用基本的文字編輯器(例如記事本或Notepad++)建立一個HTML檔案,並以.html.htm副檔名儲存。

以下是HTML檔案中存在的基本元素:

<html>
   <head></head>
<body>
   <h1></h1>
   <p></p>
</body>
</html>

如何在瀏覽器中開啟HTML檔案

我們可以透過多種方法在瀏覽器中訪問HTML。以下是幾種可能的方法:

使用“開啟方式”選項

以下是使用“開啟方式”選項在任何瀏覽器中訪問HTML檔案的步驟:

  • 步驟1 - 開啟文字編輯器(例如Notepad++)並在其中編寫一些HTML程式碼。

  • 步驟2 - 現在,單擊左上角的檔案選單,然後單擊“另存為”(或ctrl+Shift+s)選項

  • 步驟3 - 相應地命名檔案。

  • 步驟4 - 單擊“儲存型別”下拉選單,然後單擊“超文字標記語言檔案”選項。然後單擊儲存按鈕。

  • 步驟5 - 現在,右鍵單擊儲存的.html檔案,然後單擊“開啟方式”選單。您可能會看到一個很長的瀏覽器列表,從中您可以選擇開啟檔案。您的預設瀏覽器可能位於列表頂部。

注意 - 為了確保您打開了正確的HTML檔案,您可以檢查瀏覽器URL欄中的路徑。地址應與您計算機上的檔案位置相匹配。

示例

<!DOCTYPE html>
<head>
   <title>Accessing a HTML document in a browser</title>
</head>
<body>
   <h1>Tutorialspoint</h1>
   <p>Simply Easy Learning at your fingertips.</p>
</body>

輸出

選擇瀏覽器後,您將看到檔案已在瀏覽器中開啟。

將檔案拖放到瀏覽器中

以下是使用拖放技術在任何瀏覽器中訪問HTML檔案的步驟:

  • 步驟1 - 左鍵單擊選擇HTML檔案。

  • 步驟2 - 現在,將其拖放到您選擇的瀏覽器中。瀏覽器將自動在新標籤頁中開啟HTML檔案。

更新於:2023年8月4日

瀏覽量:323

啟動您的職業生涯

透過完成課程獲得認證

開始學習
廣告
© . All rights reserved.