把txt文件變成html網(wǎng)頁(yè)文件

1、把txt文件變成html網(wǎng)頁(yè)文件假如您看過html是什么？——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作這篇教程，請(qǐng)根據(jù)其中解釋創(chuàng)建一個(gè)txt文件。詳細(xì)過程如下：step1：在您便利的磁盤中建立一個(gè)文件夾，命名為"零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作"。例如我在d盤中建立了"零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作"文件夾。 step2：在文件夾中創(chuàng)建"html框架.txt"文件。鼠標(biāo)移動(dòng)到空白處點(diǎn)擊右鍵挑選"文本文檔"。 命名為"html框架&qu

2、ot;，如下圖所示。 假如您的電腦沒有顯示".txt"后綴的話，請(qǐng)做如下操作：點(diǎn)擊"工具"，找到"文件夾選項(xiàng)" 菜單如下：點(diǎn)擊"查看選項(xiàng)"。 下拉滑條，找到"躲藏已知文件類型的擴(kuò)展名"選項(xiàng)，將前面的對(duì)勾去掉。 假如您用法的是win10的話請(qǐng)參考邊學(xué)邊做網(wǎng)頁(yè)篇-初識(shí)html，這也是我做的教程，不過以后都用法這個(gè)賬號(hào)來發(fā)了。step3：把"html框架"復(fù)制粘貼到"h

3、tml框架.txt"文件中。html框架代碼如下： 代碼講解請(qǐng)參照html是什么？——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作這篇教程中的講解。粘貼后效果如下：用法ctrl+s組合鍵保存文件。 step4：復(fù)制"html框架.txt"文件，更名為"第一個(gè)網(wǎng)頁(yè).txt"。原始的"html框架.txt"文件為以后備用。 step5：把"第一個(gè)網(wǎng)頁(yè).txt"的后綴名".txt"改為&am

4、p;quot;.html"。首先將光標(biāo)放在"第一個(gè)網(wǎng)頁(yè).txt"文件上，點(diǎn)擊右鍵，挑選"重命名"。 挑選".txt" 更改為".html",敲擊回車鍵。這時(shí)會(huì)彈出一個(gè)對(duì)話框，: 大膽的點(diǎn)擊"是"即可。修改后文件是這樣的，由于我的默認(rèn)掃瞄器是360，所以，".html"文件圖標(biāo)顯示為360掃瞄器的圖標(biāo)，顯示其他掃瞄器的圖標(biāo)也沒有問題。 step6：將鼠標(biāo)移動(dòng)到&am

5、p;quot;第一個(gè)網(wǎng)頁(yè).html"文件上，單擊右鍵，挑選打開方式， 挑選任何一個(gè)掃瞄器打開即可，我用法的是火狐掃瞄器（firefox），打開后空白一片。 點(diǎn)擊鍵盤f12鍵，看一下控制臺(tái)，查看器中已經(jīng)顯示我們的代碼框架了。勝利！ 假如網(wǎng)頁(yè)是一道菜，那么，html框架我們可以理解為裝菜的白盤子，所以我們打開框架時(shí)，掃瞄器顯示一片白。下面我們?yōu)楸P子中加些容易的"菜"。為html頁(yè)面添加標(biāo)題與段落首先我們?yōu)轫?yè)面添加"標(biāo)題"在添加標(biāo)題前，我們來看一下html框架代碼中的內(nèi)容，在標(biāo)簽中有和兩個(gè)兄弟標(biāo)簽。我們?cè)陧?yè)面中

6、看到的全部的內(nèi)容都是添加到標(biāo)簽中間！標(biāo)簽中的內(nèi)容并不會(huì)顯示在頁(yè)面中。那么如何添加"標(biāo)題"呢？標(biāo)題在html中用標(biāo)簽表示。在中間加入文字內(nèi)容即可。如下所示：第一個(gè)頁(yè)面右鍵，用法"記事本"打開"第一個(gè)網(wǎng)頁(yè).html"文件。假如您的"打開方式"中沒有"記事本"請(qǐng)點(diǎn)擊"挑選默認(rèn)程序" 在"其他程序"中找到"記事本"。點(diǎn)

7、擊"確定"。從今，"記事本"就向來存在于"打開方式"中了。 我們把這句代碼粘貼到之間。如下所示：保存后用法掃瞄器打開。 第一個(gè)頁(yè)面 然后，用法掃瞄器打開，標(biāo)題浮現(xiàn)在頁(yè)面中了。 下面，我們來添加段落內(nèi)容。段落在html中用法標(biāo)簽添加。代碼如下千里之行始于足下請(qǐng)各位自行將代碼添加到"第一個(gè)網(wǎng)頁(yè).html"文件中吧！示例代碼如下： 第一個(gè)網(wǎng)頁(yè)千里之行始于足下 結(jié)果 通過這個(gè)練習(xí)，我們可以發(fā)覺一個(gè)邏輯，在中，子元素代碼的上下挨次代表了它在頁(yè)面中顯示的排版挨次。這也容易回答了代碼結(jié)構(gòu)與排版的關(guān)系，html的標(biāo)簽語(yǔ)句只