位置：首頁(yè) > 軟件操作教程 > 編程開(kāi)發(fā) > HTML > 問(wèn)題詳情

2.1.3編寫(xiě)第一個(gè)HTML5文件

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-05

如前文所述，HTML文件可以使用任何瀏覽器解釋執(zhí)行，而HTML文件的編寫(xiě)則可以使用任何文本編輯器，如記事本，寫(xiě)字板，Word等不過(guò)在保存時(shí)都必須保存為.html或者.htm格式。這里我們用記事本編寫(xiě)一個(gè)HTML5文件，并用IE11.0查看頁(yè)面效果。

（1）建立站點(diǎn)根目錄。新建一個(gè)文件夾用于存放網(wǎng)頁(yè)。

（2）編寫(xiě)代碼。使用字處理軟件編寫(xiě)HTML文件，最簡(jiǎn)單的是使用Windows自帶的記事本。用記事本編寫(xiě)如下代碼，標(biāo)題和網(wǎng)頁(yè)主體部分內(nèi)容可以適當(dāng)修改。

    <!DOCTYPE html>

    <html>

    <head>

    <title>前端工程師</title>

    </head>

    <body>

    <p>Web前段工程師，主要職責(zé)是利用HTML/CSS/JavaScript/DOM/Flash等各種Web技術(shù)進(jìn)行產(chǎn)品的界面開(kāi)發(fā)，制作標(biāo)準(zhǔn)優(yōu)化的代碼，并增加交互動(dòng)態(tài)功能，同時(shí)結(jié)合后臺(tái)開(kāi)發(fā)技術(shù)模擬整體效果，進(jìn)行豐富互聯(lián)網(wǎng)的Web開(kāi)發(fā)，致力于通過(guò)技術(shù)改善用戶(hù)體驗(yàn)。</p>

    </body>

    </html>

（3）保存文件。文件名命名為2-1.html,注意，其中2-1是自己為文件起的名字，可修改，但擴(kuò)展名必須為.html或者.htm；另外注意，在“另存為”對(duì)話框中應(yīng)將“保存類(lèi)型”設(shè)置為“所有文件”，如圖所示。

image.png

（4）瀏覽網(wǎng)頁(yè)。保存完畢后，在瀏覽器IE11.0中瀏覽，效果如圖所示。

image.png


繼續(xù)查找其他問(wèn)題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部