01新記事本 在桌面上，新建一個記事本，如下圖所示02寫代碼 打開記事本，編寫代碼，如下圖所示03修改后綴名稱 將記事本的后綴改為html，如下圖所示04網(wǎng)頁 桌面上會出現(xiàn)一個網(wǎng)頁，如下圖所示05運行網(wǎng)頁 最后，在瀏覽器上運行網(wǎng)頁，如下圖所示怎樣用HTML制作網(wǎng)頁用記事本寫網(wǎng)頁代碼可以用記。

1html文件是最常見的網(wǎng)頁文件所謂HTML就是超文本標(biāo)記語言HTML，是一種用來創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言2html文件的編輯非常簡單您可以使用文本編輯器或編輯工具如editplusvimnotepad和ultraEdit等打開它打開后可以直接看到源代碼或者編輯修改3html是網(wǎng)頁設(shè)計和編程的基礎(chǔ)只要掌握HTML基本。

1新建記事本 首先我們在桌面上新建一張記事本，不用重命名 2格式 然后在記事本中編寫如下代碼，該代碼是固定形式的 3編寫代碼 然后在記事本body區(qū)域中編寫 然后點擊標(biāo)題欄中的文件，在彈出的下拉菜單中，點擊另存為5文件名 會彈出一個窗口，在文件名中輸入1html，重點是后綴。

來說下步驟吧1要會html，可以做到用記事本寫簡單的網(wǎng)頁最好，但是建議你用dw寫，因為dw有代碼提示功能，這樣有些屬性忘記了，dw里面有提示2做網(wǎng)頁，做之前當(dāng)然需要先有個網(wǎng)頁的布局咯，不然會沒目標(biāo)的3安裝布局，開工吧現(xiàn)在用純html布局是很不省力的，建議你可以學(xué)習(xí)css樣式表，可以對。

HTML代碼 是超文本標(biāo)記語言文本，可以用文本編輯器制作HTML代碼 ，這里以記事本為例1右擊電腦桌面任意空白區(qū)域，在展開的菜單中點擊“新建”按鈕，然后點擊“文本文件”按鈕2打開新建的文本文件，在里面輸入一些HTML基礎(chǔ)的代碼，然后同時按住鍵盤上的“Ctrl”鍵+“S”鍵將文件保存3用鼠標(biāo)將。

靜態(tài)網(wǎng)頁制作教程 2基礎(chǔ)的靜態(tài)網(wǎng)頁代碼寫出來了，下面在中間添加網(wǎng)頁需要的數(shù)據(jù)內(nèi)容文字圖片表格視頻等，然后將txt文本文檔的后綴名txt修改為html現(xiàn)在點擊打開看看效果小編在body中間加入的文字靜態(tài)網(wǎng)頁制作教程3這樣的文字太單調(diào)了，需要用CSS樣式定義，小編在桌面上新建。

第一部分已經(jīng)把代碼編寫完成了，現(xiàn)在就要開始調(diào)戲編寫好的代碼了首先點擊MyEclipse頂部中間的如下圖所示的加載頁面到服務(wù)器的按鈕會出現(xiàn)下圖所示的加載網(wǎng)頁的界面“Project”中選擇我們剛剛編寫好的頁面，點擊“Add”按鈕，會出現(xiàn)提示框，點擊“ Yes”之后底部會出現(xiàn)讓我們選擇服務(wù)器的界面，這里選擇。

1在桌面上右鍵點擊鼠標(biāo)，出現(xiàn)對話框之后，點擊新建2新建一個文本問檔，用于寫網(wǎng)頁代碼3打開記事本，現(xiàn)在我們就可以編寫簡單的HTML代碼了4現(xiàn)在，我們把文本的命名改成1html5一個簡單的HTML網(wǎng)頁就搭建完成了，可以通過瀏覽器打開試試看。

更新瀏覽器上的空白網(wǎng)頁，你應(yīng)該可以看到網(wǎng)頁上方有個加粗的“Hello”字眼在本教程中，你隨時可以測試新的HTML只要保存html文件，然后更新瀏覽器窗口，就能看到瀏覽器如何詮釋HTML六構(gòu)建文檔刪除HTML文檔里的所有東西這個HTML代碼告訴瀏覽器你使用哪一版HTML，網(wǎng)頁所有內(nèi)容都在和標(biāo)簽之間七。

3現(xiàn)在可以添加html代碼，使得網(wǎng)頁顯示文本是html中段落的標(biāo)簽，是開始符，是結(jié)束符，兩個符號之間的字會顯示在網(wǎng)頁上在indexhtm中添加一行聲明這是一個個人網(wǎng)站，網(wǎng)頁里的內(nèi)容均為站主原創(chuàng)，請勿用于違法行為下圖為效果截圖4還可以為網(wǎng)頁添加圖片，圖片的標(biāo)簽是假設(shè)圖片文件的路徑。

請點擊輸入圖片描述 通過使用Dreamweaver 軟件可以大大降低我們寫代碼的難度和記憶量對于新手剛開始寫網(wǎng)站代碼很適用，學(xué)做網(wǎng)站論壇也有專門的Dreamweaver視頻教程，可以學(xué)習(xí)第三步脫離軟件自己手寫代碼 通過使用Dreamweaver 軟件寫一段時間代碼之后，會發(fā)現(xiàn)很多代碼自己無意中已經(jīng)記在腦子里了，有些復(fù)雜的。

4 添加樣式使用CSS層疊樣式表來為網(wǎng)頁添加樣式通過CSS，可以設(shè)置網(wǎng)頁的顏色字體布局背景圖像等可以將CSS代碼寫在HTML頁面中的``標(biāo)簽中，或者將其保存在單獨的css文件中，然后在HTML中引用5 插入內(nèi)容根據(jù)網(wǎng)頁的需求，插入所需的內(nèi)容，如文本圖像視頻等通過使用HTML標(biāo)簽，可。

14，Q用 Word 作為 Html 編輯器產(chǎn)生的代碼比較冗長，怎么優(yōu)化？ A可以用網(wǎng)頁制做軟件 Dreameweaver30 進行優(yōu)化15，QIE50 的部分快捷鍵 A打開網(wǎng)址上的 ActiveX Control Pad 教程，開發(fā)人員可以很方便地學(xué)習(xí)使用 ActiveX ControlPadSoftQuad 公司的 HoTMetaL Pro 也支持在 HTML 網(wǎng)頁上使用 ActiveX。

HTML，CSS和JavaScript是構(gòu)建網(wǎng)站的基礎(chǔ)語言，它們分別負責(zé)網(wǎng)頁的結(jié)構(gòu)樣式和交互功能對這三種語言有深入理解是非常重要的#xF6E0#xFE0F選用工具選擇一個適合你的文本編輯器，如VSCode，SublimeText或Atom這些都是編寫代碼的工具#xF31F學(xué)習(xí)利用框架當(dāng)你對前端基礎(chǔ)有了一定了解后，可以學(xué)習(xí)一些前端框架，如React，Vue或Angular。

2也可以通過點擊菜單欄的“文件“，然后點”新建“來創(chuàng)建B三種視圖的區(qū)別1新創(chuàng)建的網(wǎng)頁可以通過三種視圖來觀察代碼視圖顯示網(wǎng)頁代碼2設(shè)計視圖就顯示網(wǎng)頁在用戶眼中的大概樣子因為還沒寫東西，所以是空的3拆分就是左面窗口代碼，右面窗口設(shè)計C什么是標(biāo)簽網(wǎng)頁代碼是由標(biāo)簽和文本。