具體步驟如下：
靜態網頁現階段主要採用DIV+CSS+javascript來實現,
第一步:在桌面上創建一個文本文件;
第二步:將文本名改為"test.html"(擴展名為.html或者.htm即可,看不見擴展名可以到);
第三步:文件名改好後,右擊打開方式,選擇記事本;
第四步:寫代碼。
html代碼寫成下圖這樣即可:
2.css代碼寫在下圖區域內:
3.javascript代碼寫在下圖區域內:
第五步:在這些代碼區域內寫上你的代碼;
第六步:保存該文本文件;然後右擊打開選擇一個瀏覽器打開;如果出現「已限制網頁運行腳本。。。」點擊允許。
代碼如下：
!doctypehtml
html
head
metacharset="UTF-8"
metaname="Generator"content="EditPlus?"
metaname="Author"content=""
metaname="Keywords"content=""
metaname="Description"content=""
titleDocument/title
/head
body
imgsrc="這里填你的圖片名字，例如1.jpg，圖片跟html放在同一個文件夾下面就行"
imgsrc="2.jpg"
imgsrc="3.jpg"
p這里輸入你想要輸入的文字/p
/body
/html
如何用html編寫一個簡單的網頁
簡單的html網頁可以直接利用文本編寫的，無需下載特定編輯器。
1、在我們的windows操作系統中，桌面上滑鼠右鍵新建一個txt文本，並命名為"最簡單網頁",只是便於標識，實際上並不影響我們的操作。注意我們需要提前在文件屬性中把擴展名顯示出來。
2、我們打開文件夾屬性設置，將文件擴展名顯示出來，後面我們需要對文件擴展名進行操作，不同操作系統的設置位置不太一樣，我們可以直接搜索"文件夾屬性"來進行查找修改。
3、然後輸入最簡單的HTML文本語言。
代碼如下：
html
body
最簡單的網頁
/body
/html
4、保存並關閉txt文本，然後修改我們txt文本的擴展名為html，此時會彈出警告框，提示我們修改後可能會導致文件不能使用，這是操作系統的一個處理邏輯，為了防止無意或惡意的損壞文件的行為。
5、無需擔心，因為這在我們自己的掌控之下，確認警告，點擊"是"，然後雙擊打開我們自己的第一個html網頁，就可以看到一個最簡單的html網頁了。
html簡單網頁代碼怎麼寫？1、在電腦桌面空白處單擊右鍵，新建一個記事本並打開
2、在新建文件中輸入如下代碼。html語言都是以htmlheadtitlebody等標簽開始，以/html/head/title/body標簽作為結束。
3、接下來要在title/title標簽中間輸入標題（如個人網頁）在body/body中輸入「自己做的第一個網頁，厲害吧！」完成後點擊保存。並將記事本後綴名.txt改為.html格式
4、將記事本重命名為.html格式後，出現如下格式。
5、雙擊打開此文件就會出現瀏覽器網頁效果了。
(1)htmlqq代碼擴展閱讀：
前端和後端的區別：
1、展示方式
前端指的是用戶可見的界面，網站前端頁面也就是網頁的頁面開發，比如網頁上的特效、布局、圖片、視頻，音頻等內容。前端的工作內容就是將美工設計的效果圖的設計成瀏覽器可以運行的網頁，並配合後端做網頁的數據顯示和交互等可視方面的工作內容。
後端是指用戶看不見的東西，通常是與前端工程師進行數據交互及網站數據的保存和讀取，相對來說後端涉及到的邏輯代碼比前端要多，後端考慮的是底層業務邏輯的實現，平台的穩定性與性能等。
2、所用技術
前端開發用到的技術包括但不限於html5、css3、javascript、jquery、Bootstrap、Node.js、Webpack、AngularJs、ReactJs、VueJs等技術。
後端開發以java為例，主要用到的包括但不限於Struts、spring、springmvc、HibernateHttp協議、Servlet、Tomcat伺服器等技術。
3、工作職責
前端工程師主要的工作職責分為三大部分，分別是傳統的Web前端開發，移動端開發和大數據呈現端開發。
後端工程師的主要職責也集中在三大部分，分別是平台設計、介面設計和功能實現。
4、知識結構
在知識結構方面，前端開發涉及到的內容包括Html、CSS、JavaScript、Android開發（採用Java或者kotlin）、iOS開發（採用OC或者Swift）、各種小程序開發技術（類Html），隨著前端開發任務的不斷拓展，前端開發後端化也是一個較為明顯的趨勢。
後端開發的重點在於演算法設計、數據結構、性能優化等方面，在具體的功能實現部分可以採用Java、Python或者PHP等編程語言來實現。