使用記事本創建一個新的Web頁面

07年1月

將您的文件放在新文件夾中

將您的文件放在新文件夾中。 詹妮弗凱恩

Windows記事本是一個基本的文字處理程序,您可以使用它來編寫您的網頁。 網頁只是文本,你可以使用任何文字處理程序來編寫你的HTML。 本教程將引導您完成整個過程。

在記事本中創建新網站時要做的第一件事是創建一個單獨的文件夾來存儲它。 通常,您將網頁存儲在“我的文檔”文件夾中名為HTML的文件夾中,但可以將它們存儲在您喜歡的位置。

  1. 打開我的文檔窗口
  2. 單擊文件 > 新建 > 文件夾
  3. 命名文件夾my_website

重要提示:使用全部小寫字母命名網絡文件夾和文件,並且不要使用任何空格或標點符號。 雖然Windows允許您使用空格,但許多網絡託管服務提供商不會這樣做,如果您從一開始就正確地命名文件和文件夾,您將節省一些時間和麻煩。

07年2月

將頁面保存為HTML

將您的頁面保存為HTML。 詹妮弗凱恩

在記事本中編寫網頁時,應該做的第一件事就是將頁面保存為HTML。 這為您節省時間和麻煩。

與目錄名稱一樣,請始終使用全部小寫字母,並且文件名中不得包含空格或特殊字符。

  1. 在記事本中,點擊文件 ,然後點擊另存為。
  2. 導航到您要保存網站文件的文件夾。
  3. 另存為類型下拉菜單更改為所有文件(*。*)。
  4. 命名該文件。本教程使用名稱pets.htm。

03年7月

開始編寫網頁

啟動您的網頁。 詹妮弗凱恩

您應該在記事本HTML文檔中輸入的第一件事是DOCTYPE。 這告訴瀏覽器什麼類型的HTML期望。 本教程使用HTML5。

文檔類型聲明不是標籤。 它告訴計算機一個HTML5文檔正在到達。 它位於每個HTML5頁面的頂部,並採用以下格式:

一旦你有了DOCTYPE,你就可以開始你的HTML。 鍵入兩個開頭

標籤和結束標籤,並為您的網頁正文內容留下一些空間。 記事本文檔應該如下所示:

04年7月

為您的網頁創建一個頭

為您的網頁創建一個頭。 詹妮弗凱恩

HTML文檔的頭部是存儲有關網頁的基本信息的地方 - 例如頁面標題和可能用於搜索引擎優化的元標記。 要創建頭部分,請添加

標記在標記之間的記事本HTML文本文檔中。

與之一樣

標籤,在它們之間留出一些空間,以便您可以添加頭部信息。

07年05月

在頭部添加頁面標題

添加頁面標題。 詹妮弗凱恩

您的網頁標題是瀏覽器窗口中顯示的文字。 當某人保存您的網站時,它也是寫在書籤和收藏夾中的內容。 在標題文本之間存儲標題文本

使用標籤的標籤。 它不會出現在網頁上,只出現在瀏覽器的頂部。

此示例頁面標題為“麥金利,沙斯塔和其他寵物”。

麥金利,沙斯塔和其他寵物

不管你的標題多長時間,或者它跨越HTML中的多行,但更短的標題更容易閱讀,並且一些瀏覽器在瀏覽器窗口中切斷更長的標題。

06年7月

您網頁的主體

您網頁的主體。 詹妮弗凱恩

您的網頁正文存儲在

標籤。 這是放置文字,標題,小標題,圖像和圖形,鏈接和所有其他內容的地方。 它可以只要你喜歡。

可以按照相同的格式在記事本中編寫您的網頁。

你的頭銜頭到這裡網頁上的所有東西都在這裡

07年7月

創建一個圖像文件夾

創建一個圖像文件夾。 詹妮弗凱恩

在將內容添加到HTML文檔的主體之前,您需要設置目錄,以便為圖像創建文件夾。

  1. 打開我的文檔窗口。
  2. 切換到my_website文件夾。
  3. 單擊文件 > 新建 > 文件夾。
  4. 命名文件夾圖像

將您網站上的所有圖像存儲在images文件夾中,以便稍後可以找到它們。 這樣可以在需要時輕鬆上傳它們。