網站首頁 學習教育 IT科技 金融知識 旅遊規劃 生活小知識 家鄉美食 養生小知識 健身運動 美容百科 遊戲知識 綜合知識
當前位置:趣知科普吧 > IT科技 > 

如何用記事本創建簡單的網頁

欄目: IT科技 / 發佈於: / 人氣:2.75W

目錄

方法1:創建屬於自己的網頁1、開啟記事本程序。2、HTML(超文字標記語言)使用標籤來編寫網頁。3、一般來說,網頁的第一個標籤是:<html>。4、下一個標籤是<head>。5、在“head”標籤的下一行,放上網站標題,如:<title>wikiHow HTML</title>。6、輸入</head>標籤,結束網頁“頭部”的內容。7、接下來就到了<body>標籤部分。8、在兩個“body”標籤的中央,添加網頁的內容,這裏的內容會呈現給瀏覽的用戶。9、在網頁的正文部分還可以添加<p>標籤或段落標籤。10、你可能不希望創建一個純文字網頁,所以請考慮加入不同的格式。11、事實上,讓網站內容變得豐富多彩的是各種各樣的圖片。12、快完成啦!你可能希望網站的訪客能看到不止一個網頁。13、最後,在正文部分的末尾加上</body>,整個網頁的末尾加上</html>。14、儲存檔案,將檔案儲存成“.html”格式。15、如果你想要把網頁放到網站上,可以檢視如何在自己的域名上發佈網站。我們每天都要使用和瀏覽網頁,它已經成爲生活中必不可少的一部分。但是,製作一個網頁究竟有多難呢?在這篇文章裏,我們會向你介紹如何用記事本程序來編寫簡單的HTML網頁。

方法1:創建屬於自己的網頁

如何用記事本創建簡單的網頁

1、開啟記事本程序。所有Windows電腦都會自動安裝記事本程序。你可以在“開始”選單中找到它。開啟記事本後,點擊“檔案”,然後從下拉選單中選擇“另存爲”選項。在檔案類型選單中選擇“所有檔案”。將檔案另存爲HTML檔案。一般來說,一個網站的首頁叫做“index.html”,它也是網站的導航頁,可以從這個導航頁上訪問網站的所有內容(它基本包含了網站上所有的連結)。

如何用記事本創建簡單的網頁 第2張

2、HTML(超文字標記語言)使用標籤來編寫網頁。基本上,標籤的格式是<尖括號>中帶有一些文字。
你需要使用各種各樣的標籤來創建網頁。代碼的末尾還有“結束標籤”,如:</text>。這些結束標籤就像加粗字型或段落一樣。

如何用記事本創建簡單的網頁 第3張

3、一般來說,網頁的第一個標籤是:<html>。 你可以把它放在記事本檔案的頂部。

如何用記事本創建簡單的網頁 第4張

4、下一個標籤是<head>。
這個標籤<title>定義了文檔的頭部,告訴瀏覽器把什麼內容放在視窗的頂部。“元標籤”(可選)會告訴搜尋引擎(如谷歌)網站的屬性和資訊。

如何用記事本創建簡單的網頁 第5張

5、在“head”標籤的下一行,放上網站標題,如:<title>wikiHow HTML</title>。

如何用記事本創建簡單的網頁 第6張

6、輸入</head>標籤,結束網頁“頭部”的內容。

如何用記事本創建簡單的網頁 第7張

7、接下來就到了<body>標籤部分。請注意,瀏覽器並不能支援所有顏色,如大部分瀏覽器不支援顯示深灰色。

如何用記事本創建簡單的網頁 第8張

8、在兩個“body”標籤的中央,添加網頁的內容,這裏的內容會呈現給瀏覽的用戶。讓我們從標題入手。我們選擇用大一點的文字來顯示標題,在HTML中用<h1>到<h6>標籤來編輯內容,其中<h1>標籤裏的文字字型最大。在網頁的頂部、“body”標籤的後面,輸入歡迎語,如:<h1>歡迎來到xx網站!</h1>。確保在最後加上結束標籤, 否則你的整個頁面會變得巨大!

如何用記事本創建簡單的網頁 第9張

9、在網頁的正文部分還可以添加<p>標籤或段落標籤。在標題後方,可以加上<p>網站正文內容

。如果你想要另起一行,可以使用<br>標籤或停頓標籤。

如何用記事本創建簡單的網頁 第10張

10、你可能不希望創建一個純文字網頁,所以請考慮加入不同的格式。 用<b>代碼來加粗文字,用<i>來傾斜文字,用<u>加入下劃線。記住,不要忘記結束標籤。

如何用記事本創建簡單的網頁 第11張

11、事實上,讓網站內容變得豐富多彩的是各種各樣的圖片。就算給文字加上很多不同的格式,圖片還是比文字更能吸引人們的眼球,帶來更多的閱讀興趣。使用<img>標籤來加入圖片。跟正文標籤一樣,它還需要更多的資訊。圖片標籤可以像這樣編輯:<img alt=dog src="dog.jpg" width=200 height=200>。其中,src(來源)是圖片的名字,寬度和高度是圖片的寬和高(單位是像素)。

如何用記事本創建簡單的網頁 第12張

12、快完成啦!你可能希望網站的訪客能看到不止一個網頁。你可以透過創建連結來豐富網站內容。例如,使用:<a href="http://127.0.0.1:5366/wangzhi/51dongshi.php?url=https://www.51dongshi.com/otherpage.html">Another page</a>代碼創建連結。標籤之間的文字是到達另一個網頁的連結名稱,“href”部分則是連結到的目的網頁。創建網頁連結可以提高用戶瀏覽效率。

如何用記事本創建簡單的網頁 第13張

13、最後,在正文部分的末尾加上</body>,整個網頁的末尾加上</html>。

如何用記事本創建簡單的網頁 第14張

14、儲存檔案,將檔案儲存成“.html”格式。然後在常用的瀏覽器中開啟.html檔案,看看網站是什麼樣子的。祝賀你!你已經創建好一個網頁了。

如何用記事本創建簡單的網頁 第15張

15、如果你想要把網頁放到網站上,可以檢視如何在自己的域名上發佈網站。

小提示

要記得添加結束標籤。

你可以在網絡上搜尋更多標籤。網絡上有很多不錯的網站可以指導你創建網頁。其中,W3Schools網站就很不錯。

在第一行、第一個<HTML>標籤前,輸入<!DOCTYPE html>。它會告訴瀏覽器,你的網頁屬性是HTML5。

你可以在<html>的前面、</html>的後面輸入<font face="N"></font>,來更改字型。用一種字型來代替其中的“N”,如:“Verdana”。

如果想在網頁上使用尖括號,請使用< 和 > 。符號是&amp。

根據HTML教程,用小寫字母(不帶空格和標點符號)來命名網頁檔案夾和檔案。儘管Windows系統允許你使用空格,但是許多網站服務器都不允許出現空格。規範命名檔案將給你省去很多麻煩、節約大量時間。

Tags:記事本 網頁