當前位置:妙知谷 >

遊戲數碼 >IT技術 >

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

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

工具/材料

電腦一台

代碼編輯軟件(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
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/0x04x.html