目錄
方法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、開啟記事本程序。所有Windows電腦都會自動安裝記事本程序。你可以在“開始”選單中找到它。開啟記事本後,點擊“檔案”,然後從下拉選單中選擇“另存爲”選項。在檔案類型選單中選擇“所有檔案”。將檔案另存爲HTML檔案。一般來說,一個網站的首頁叫做“index.html”,它也是網站的導航頁,可以從這個導航頁上訪問網站的所有內容(它基本包含了網站上所有的連結)。
2、HTML(超文字標記語言)使用標籤來編寫網頁。基本上,標籤的格式是<尖括號>中帶有一些文字。
你需要使用各種各樣的標籤來創建網頁。代碼的末尾還有“結束標籤”,如:</text>。這些結束標籤就像加粗字型或段落一樣。
3、一般來說,網頁的第一個標籤是:<html>。 你可以把它放在記事本檔案的頂部。
4、下一個標籤是<head>。
這個標籤<title>定義了文檔的頭部,告訴瀏覽器把什麼內容放在視窗的頂部。“元標籤”(可選)會告訴搜尋引擎(如谷歌)網站的屬性和資訊。
5、在“head”標籤的下一行,放上網站標題,如:<title>wikiHow HTML</title>。
6、輸入</head>標籤,結束網頁“頭部”的內容。
7、接下來就到了<body>標籤部分。請注意,瀏覽器並不能支援所有顏色,如大部分瀏覽器不支援顯示深灰色。
8、在兩個“body”標籤的中央,添加網頁的內容,這裏的內容會呈現給瀏覽的用戶。讓我們從標題入手。我們選擇用大一點的文字來顯示標題,在HTML中用<h1>到<h6>標籤來編輯內容,其中<h1>標籤裏的文字字型最大。在網頁的頂部、“body”標籤的後面,輸入歡迎語,如:<h1>歡迎來到xx網站!</h1>。確保在最後加上結束標籤, 否則你的整個頁面會變得巨大!
9、在網頁的正文部分還可以添加<p>標籤或段落標籤。在標題後方,可以加上<p>網站正文內容
。如果你想要另起一行,可以使用<br>標籤或停頓標籤。10、你可能不希望創建一個純文字網頁,所以請考慮加入不同的格式。 用<b>代碼來加粗文字,用<i>來傾斜文字,用<u>加入下劃線。記住,不要忘記結束標籤。
11、事實上,讓網站內容變得豐富多彩的是各種各樣的圖片。就算給文字加上很多不同的格式,圖片還是比文字更能吸引人們的眼球,帶來更多的閱讀興趣。使用<img>標籤來加入圖片。跟正文標籤一樣,它還需要更多的資訊。圖片標籤可以像這樣編輯:<img alt=dog src="dog.jpg" width=200 height=200>。其中,src(來源)是圖片的名字,寬度和高度是圖片的寬和高(單位是像素)。
12、快完成啦!你可能希望網站的訪客能看到不止一個網頁。你可以透過創建連結來豐富網站內容。例如,使用:<a href="http://127.0.0.1:5366/wangzhi/51dongshi.php?url=https://www.51dongshi.com/otherpage.html">Another page</a>代碼創建連結。標籤之間的文字是到達另一個網頁的連結名稱,“href”部分則是連結到的目的網頁。創建網頁連結可以提高用戶瀏覽效率。
13、最後,在正文部分的末尾加上</body>,整個網頁的末尾加上</html>。
14、儲存檔案,將檔案儲存成“.html”格式。然後在常用的瀏覽器中開啟.html檔案,看看網站是什麼樣子的。祝賀你!你已經創建好一個網頁了。
15、如果你想要把網頁放到網站上,可以檢視如何在自己的域名上發佈網站。
你可以在網絡上搜尋更多標籤。網絡上有很多不錯的網站可以指導你創建網頁。其中,W3Schools網站就很不錯。
在第一行、第一個<HTML>標籤前,輸入<!DOCTYPE html>。它會告訴瀏覽器,你的網頁屬性是HTML5。
你可以在<html>的前面、</html>的後面輸入<font face="N"></font>,來更改字型。用一種字型來代替其中的“N”,如:“Verdana”。
如果想在網頁上使用尖括號,請使用< 和 > 。符號是&。
根據HTML教程,用小寫字母(不帶空格和標點符號)來命名網頁檔案夾和檔案。儘管Windows系統允許你使用空格,但是許多網站服務器都不允許出現空格。規範命名檔案將給你省去很多麻煩、節約大量時間。