用記事本編寫(xiě)代碼
1.首先打開(kāi)“記事本”程序(方法是「開(kāi)始」-「程序」-「附件」-「記事本」)
2.將下面代碼復(fù)制好粘貼到記事本上,如圖-1所示。(按鼠標(biāo)右鍵選擇粘貼就可以了!)
<html>
<head>
<title>這里是標(biāo)題</title>
</head>
<body>
這里是放置網(wǎng)頁(yè)內(nèi)容的文本區(qū)域
</body>
</html>
【圖-1說(shuō)明】利用鼠標(biāo)右鍵的“粘貼”或者按 CTRL+V 都可以將復(fù)制的內(nèi)容粘貼上的。
【圖-2說(shuō)明】點(diǎn)擊“文件”里的“保存”就可以文件保存了。將文件保存了,就大功告成了! (在硬盤(pán)下建立建一個(gè)子目錄,我們就在E:盤(pán)下建立一個(gè) myweb 的子目錄,并將我們的網(wǎng)頁(yè)保存為 myfirst.htm 就可以了。)
【圖-3說(shuō)明】網(wǎng)頁(yè)文件的擴(kuò)展名是htm或是html,所以千萬(wàn)記得,請(qǐng)輸入完整的文件名,否則記事本將存為.txt的文本文件,那么瀏覽器就瀏覽不出效果來(lái)了。
標(biāo)簽解釋:
1.以上看到的就是一個(gè)最簡(jiǎn)單架構(gòu)的網(wǎng)頁(yè)。沒(méi)錯(cuò),網(wǎng)頁(yè)其實(shí)就是一堆標(biāo)簽(所謂標(biāo)簽就是指被<>包起來(lái)的語(yǔ)法)集合起來(lái)的,透過(guò)瀏覽器的整理,就便成了美麗漂亮的網(wǎng)頁(yè)了。
2.簡(jiǎn)單而言,通常一份完整的網(wǎng)頁(yè)包含了二個(gè)部分:頭部(HEAD)、文件主體(BODY)。也就是大家在上面所看到的 <HEAD></HEAD >以及 <BODY></BODY> 。
3.在頭部里面 <HEAD></HEAD> 中,另有一組標(biāo)簽 <TITLE></TITLE> 。打在 <TITLE></TITLE> 這里的文字會(huì)出現(xiàn)在瀏覽器窗口的最上面蘭色部分里,當(dāng)作一個(gè)網(wǎng)頁(yè)的主題。
4.您可能會(huì)發(fā)現(xiàn),為什么一直沒(méi)有提到 <HTML></HTML> 這一組標(biāo)簽?zāi),恩!因(yàn)樗捎锌蔁o(wú)。這一組標(biāo)簽是告訴瀏覽器:我是一份 HTML 文件!也就是說(shuō)它是一個(gè)網(wǎng)頁(yè)的格式!通常都包在網(wǎng)頁(yè)的最上下兩端,將所有的原始碼都包起來(lái)了。
瀏覽剛做好的網(wǎng)頁(yè)
1.剛剛保存了文件了,我們存的網(wǎng)頁(yè)文件在 e:\myweb\myfirst.htm 。
2.在您的瀏覽器的地址欄內(nèi)輸入 e:\myweb\myfirst.htm 或是 file:///e|/myweb\myfirst.htm 吧!(因?yàn)槊總(gè)瀏覽器打開(kāi)硬盤(pán)中文件的方式都不太一樣,所以用這樣的方法比較一致。)
3. 如何,看到您的第一個(gè)網(wǎng)頁(yè)了吧!
【圖-4說(shuō)明】要瀏覽我們剛做網(wǎng)頁(yè)是非常簡(jiǎn)單的,首先我們打開(kāi)瀏覽器,然后輸入我們剛剛保存的文件 e:\myweb\myfirst.htm 看看,看是否能正確顯示無(wú)誤。您也可以按網(wǎng)頁(yè)范例【myfirst.htm】,立即看看這篇網(wǎng)頁(yè)的樣子。
制作網(wǎng)頁(yè)的規(guī)則
1.一般而言,一個(gè)網(wǎng)站的首頁(yè)名稱為 index.htm 或是 index.html 一定要小寫(xiě),只要一進(jìn)該網(wǎng)站,瀏覽器便會(huì)自動(dòng)的找出 index.htm 這個(gè)文件,并且自動(dòng)的去瀏覽 index.htm 的內(nèi)容。
2.文件大小寫(xiě)一定要注意,沒(méi)事的話,文件名最好全部用「英文小寫(xiě)字母」來(lái)命名,因?yàn),在我們的電腦中,INDEX.HTM 和 index.htm 是一樣的文件,但是上了網(wǎng)絡(luò)之后,網(wǎng)站服務(wù)器可是會(huì)認(rèn)為這是不同的兩個(gè)文件,此時(shí),若是沒(méi)注意,那可就............!
3.你發(fā)現(xiàn)了嗎?同一個(gè)標(biāo)簽,好象都有兩個(gè),唯一不同的是,后面的那一個(gè)多了一個(gè)“ / ”,如:<BODY></BODY>。前面的 <BODY> 是開(kāi)始標(biāo)簽,后面的 </BODY> 是結(jié)束標(biāo)簽。大部分的標(biāo)簽都是兩個(gè)一組,不過(guò)也有單一的,這在以后給大家講解。