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

來源:酷知科普網 9.4K

工具/材料

電腦一臺

程式碼編輯軟體(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張
熱門標籤