App下載

文本文件怎么變成網(wǎng)頁(yè)？

猿友 2021-03-04 11:47:54 瀏覽數(shù) (16559)
反饋

很多開(kāi)發(fā)小白好奇如何將一個(gè)文本文件變成一個(gè)網(wǎng)頁(yè)頁(yè)面。這個(gè)操作無(wú)比簡(jiǎn)單，方便上手。只需要用到電腦的記事本即可。讓我們動(dòng)手實(shí)踐起來(lái)吧！

第一步：

打開(kāi)電腦記事本，在文檔中編寫(xiě)如下字段。

截圖6

第二步：

將文檔保存為? .html? 格式。

截圖5

第三步：

打開(kāi)文件，文件以網(wǎng)頁(yè)形式呈現(xiàn)。

截圖7

當(dāng)然，這只是網(wǎng)站最初始的模樣，需要我們?cè)贋樗砑游淖?，圖片等。讓我們?cè)囍帉?xiě)一個(gè)簡(jiǎn)單的文字圖片頁(yè)面吧。

<!DOCTYPE html>
<html lang="en">
<head>
	<title>編程獅(w3cschool.cn)</title>
</head>
<body>
        <h1>W3Cschool編程獅</h1><!-- h1是一號(hào)標(biāo)題標(biāo)簽 -->
	<p>網(wǎng)站主要為初學(xué)者提供入門(mén)的學(xué)習(xí)內(nèi)容和日常技術(shù)資料查詢(xún)服務(wù)。</p><!-- p是段落標(biāo)簽 -->
	<img src="https://7n.w3cschool.cn/statics/images/logonew2.png" alt="W3Cschool編程獅"><!-- img為圖片標(biāo)簽 -->
</body>
</html>

頁(yè)面效果如下：

截圖9

以上就是用記事本創(chuàng)建網(wǎng)頁(yè)的全部?jī)?nèi)容。更多教程請(qǐng)前往 W3Cschool官網(wǎng)

推薦課程：HTML、CSS、前端入門(mén)


HTML 前端

1 人點(diǎn)贊