1. 程式人生 > >一個簡單的網頁編寫的例子

一個簡單的網頁編寫的例子

今天和朋友談到了網頁製作,感覺挺新鮮,想作為一個方向學習學習,看看能否激起這方面的興趣。朋友略懂一點點,於是想讓他領著入入門,真實地感受一下。朋友提供了下面一段簡單的網頁編寫程式碼(嗚嗚,我基本上看不懂):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

        <head>

                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

                <title> 我的第一個 </title>

        </head>

        <body>

                <p>這是我的第一個網頁,在這裡

                        <a href="http://www.aaabbb.com/xhtml/">

                                盡情學習HTML吧!

                        </a>吧!

                </p>

        </body>

</html>

然後告知我簡單的操作過程:複製程式碼存為一個HTML檔案,然後就可用瀏覽器開啟。

可是沒想到看似簡單的操作卻把我難住了,我試圖把程式碼貼上到WORD離,然後再另存為HTML,可是怎麼都打不開。只好邀請朋友遠端協助,朋友看著我操作,一下就發現了問題所在:應該用記事本,而不是WORD。我把程式碼貼上到記事本里,可是卻怎麼也儲存不了,經朋友指導,原來是因為我沒有寫檔名(嗚嗚,此時覺得自己好笨啊,記事本都不會用了!)記事本儲存好後,朋友說直接將副檔名改為.HTML就可以開啟為網頁了。對我來說,直接改檔案的副檔名是一個全新的知識點,以前都不知道還可以這樣操作。副檔名改好開啟後顯示有錯誤,朋友說程式碼需要修改一下。可是.HTML的檔案怎麼開啟呢?(又被難住了!)朋友說點選右鍵,選擇用記事本開啟,就可以修改了。開啟檔案後,將上述程式碼中'charset=UTF-8'更改為'charset=gb2312',儲存後,真的可以打開了!file:///D:/My%20Documents/1.html

下邊就是網頁裡邊的內容:

這是我的第一個網頁,在這裡 盡情學習HTML吧! 吧!

第一次接觸網頁製作,感覺好神奇!雖然上面的程式碼基本上看不懂,其它的幾個操作也都是現學的,但是我很高興,因為自己參與了,也學到了。感謝 my BF讓我對網頁製作有了初步的瞭解,希望我能從網頁製作中找到樂趣,yeah!