App下載

文本文件怎么變成網(wǎng)頁?

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

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

第一步:

打開電腦記事本,在文檔中編寫如下字段。

截圖6

第二步:

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

截圖5

第三步:

打開文件,文件以網(wǎng)頁形式呈現(xiàn)。

截圖7

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

<!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é)者提供入門的學(xué)習(xí)內(nèi)容和日常技術(shù)資料查詢服務(wù)。</p><!-- p是段落標(biāo)簽 -->
	<img src="https://7n.w3cschool.cn/statics/images/logonew2.png" alt="W3Cschool編程獅"><!-- img為圖片標(biāo)簽 -->
</body>
</html>

頁面效果如下:

截圖9

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

推薦課程:HTML、CSS前端入門


1 人點(diǎn)贊