一分鐘做出一個(gè)網(wǎng)頁(yè)，可能大家看完會(huì)覺(jué)得有點(diǎn)標(biāo)題黨，其實(shí)沒(méi)有辦法，因?yàn)槿绻麤](méi)有辦法吸引你來(lái)看第一章，看后面之后你就完全看不懂了，所以我希望能夠讓你從一開(kāi)始就被吸引過(guò)來(lái)，從不不錯(cuò)過(guò)這么好的零基礎(chǔ)教程。

我這里將會(huì)手把手開(kāi)始教你如何去做一個(gè)網(wǎng)頁(yè)。

首先實(shí)踐，后面理論

目標(biāo)：

一分鐘做出網(wǎng)頁(yè)

步驟：

第一步：首先需要一臺(tái)電腦

第二步：點(diǎn)擊鼠標(biāo)右鍵，在桌面建立一個(gè)記事本，改個(gè)名字，就叫“一分鐘做出網(wǎng)頁(yè)”。

第三步：準(zhǔn)備一張照片放在桌面上，改名為1.jpg。

（這里需要注意，記事本后面的.txt和圖片后面的.jpg不是名字，是后綴名）

圖片1

第四步：打開(kāi)記事本，輸入以下代碼，記住，符號(hào)什么的不要有錯(cuò)誤哦。

圖片2

代碼：

<h1>這是我的老婆<h1>

<img src="1.jpg">

第五步：代碼輸入結(jié)束后，按Ctrl+s保存，然后關(guān)閉記事本，這時(shí)候需要改一下后綴名，改為.html。

圖片3

第六步：到這里，就已經(jīng)完成了，改完后綴名之后，記事本就變成了網(wǎng)頁(yè)圖標(biāo)，現(xiàn)在就已經(jīng)做好了一個(gè)網(wǎng)頁(yè)，打開(kāi)后的效果是這樣：

圖片4

-

-

-

可能大家覺(jué)得和自己想象的不一樣，那是因?yàn)榇a少，網(wǎng)頁(yè)簡(jiǎn)單，網(wǎng)頁(yè)就是由圖片、文字、視頻等組成的，所以我們只需要不斷的添加這些，就能讓網(wǎng)頁(yè)豐富起來(lái)。

這里可能有些不熟悉電腦的人，不知道怎么重新打開(kāi)這個(gè)頁(yè)面了，看好，是這樣打開(kāi)的。

圖片5

當(dāng)按照上圖添加了代碼之后，再次打開(kāi)網(wǎng)頁(yè)，就可以看出網(wǎng)頁(yè)的變化了。

首先是字體變大了，圖片變小了，同時(shí)兩者的位置變換了。

到這里，我相信大家應(yīng)該都已經(jīng)做出來(lái)屬于自己的“簡(jiǎn)陋網(wǎng)頁(yè)”了。

不過(guò)大家看到我的標(biāo)題了，是html和css，那這兩種語(yǔ)言是什么意思呢。

首先我們一開(kāi)始的文字和圖片，讓網(wǎng)頁(yè)上面顯示這兩樣?xùn)|西的話，就是html。

HTML代碼部分

通過(guò)下圖添加這幾句css代碼（紅色部分），網(wǎng)頁(yè)變的好看了，這時(shí)候我們就能知道，css主要就是起到美化的作用。

CSS代碼部分（紅色框內(nèi)）

html作用：給網(wǎng)頁(yè)添加文字，圖片和視頻，就等于母親生下了一個(gè)孩子，但是這個(gè)孩子目前是一個(gè)木頭人，只有基礎(chǔ)的頭、四肢和身體。

css的作用：網(wǎng)頁(yè)美化，就等于給母親生下來(lái)的這個(gè)木頭人，開(kāi)始捏臉，拉長(zhǎng)身高，讓他（她）變成一個(gè)帥哥或者美女。

這兩個(gè)語(yǔ)言是需要同時(shí)使用的，所以一起教，而做網(wǎng)頁(yè)還需要一門語(yǔ)言，叫js，負(fù)責(zé)這個(gè)孩子能跑，能跳，能唱歌，能跳舞的，對(duì)應(yīng)的就是網(wǎng)頁(yè)上的登錄，注冊(cè)啊，和點(diǎn)擊按鈕之后，跳出來(lái)一個(gè)網(wǎng)頁(yè)這些功能，就歸js管。

但是這個(gè)在講完html+css之后講。

好了，這一張就完成了，如果有什么不明白的，可以留言或者私信我。

關(guān)注我，學(xué)習(xí)更多編程知識(shí)。