酷知百科網

位置:首頁 > 遊戲數碼 > IT技術

html網頁製作入門:怎麼製作一個網頁?

IT技術9.76K

工具/材料

電腦一臺

代碼編輯軟件(Notepad++)

操作方法

想要做一個網頁,首先要找到一個合適的代碼編輯軟件,我這邊使用的是Notepad++。

html網頁製作入門:怎麼製作一個網頁?

開啟軟件之後,點擊檔案中的新建一個檔案,成功創建之後就開始編輯我們的網頁內容了。

html網頁製作入門:怎麼製作一個網頁? 第2張

接下來就開始編輯我們想要實現的內容,需要把代碼編輯在<body>的標籤中間。<h1>是標題標籤,<p>是段落標籤。

html網頁製作入門:怎麼製作一個網頁? 第3張

把我們剛剛編輯好的代碼儲存一下,Ctrl+s,或者點擊軟件上面的儲存圖標。

html網頁製作入門:怎麼製作一個網頁? 第4張

儲存的時候,我們一定要選擇儲存類型,就是儲存檔案的後綴名,選擇爲html結尾的,不選擇的話,默認不是html網頁。

html網頁製作入門:怎麼製作一個網頁? 第5張

儲存完之後,就會發現代碼的樣式就會有發生變化了,變成了淡藍色,便於我們來編寫代碼。

html網頁製作入門:怎麼製作一個網頁? 第6張

如果你想要看代碼的效果,找到剛剛儲存軟件的位置,雙擊開啟預覽效果。

html網頁製作入門:怎麼製作一個網頁? 第7張

結果如下圖所示。

html網頁製作入門:怎麼製作一個網頁? 第8張

如果寫網頁的話,包含的內容就是比較多了,可以多添加一下代碼。

html網頁製作入門:怎麼製作一個網頁? 第9張
html網頁製作入門:怎麼製作一個網頁? 第10張
標籤:網頁 HTML