IT科技

當前位置 /首頁/IT科技 > /列表

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

目錄

方法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系統允許你使用空格,但是許多網站服務器都不允許出現空格。規範命名文件將給你省去很多麻煩、節約大量時間。

TAG標籤:網頁 記事本 #