天天看點

用一分鐘制作自己的第一個網頁:

用一分鐘制作自己的第一個網頁:

下面我們來試着做一個簡單的網頁,希望您能跟着我們操作,這隻會花費您一分鐘時間。現在您也許不知道那些尖括号“<>”和裡面的字母究竟是些什麼東西,不要擔心,我們會在後面的教程中向您介紹。

首先請運作記事本,或在任意位置建立一個文本文檔,在記事本内輸入如下内容:

以下為引用的内容:

<html>

<head>

<title>我是這個網頁的标題</title>

</head>

<body>

<p>這是我的第一個網頁。</p>

</body>

</html>

輸入完畢後将檔案儲存,命名為“index.html”。(點選“檔案”—>“另存為”。在“檔案名”一欄填入“index.html”,在“儲存類型”一欄選擇"所有檔案",然後點選“儲存按鈕”)

儲存之後,輕按兩下該檔案,浏覽器就會自動打開這個網頁了。請确認一下你的網頁是否與該頁面相同,如果相同,那麼你就成功地完成了自己的第一個比較簡陋的網頁。

請注意,這隻是一個簡單的頁面,雖然它在文法上符合XHTML的标準,但是如果要作為一個完整的、符合W3C标準的XHTML網頁,它還缺少一些内容。相關内容将在後面的教程中介紹。這個網頁僅僅是用來講解一些基礎的XHTML知識。

基礎知識講解

我們剛剛制作的網頁以<html>開頭,以</html>結尾,它們分别代表網頁檔案的開始和結束。

英文中head是頭的意思,body是身體的意思。網頁的<head></head>和<body></body>兩部分就分别代表了網頁的“頭”和“身子”。也許你注意到了,我們網頁的“頭”裡面“有一個<title></title>。title一詞是标題的意思,網頁的标題(title)将會顯示在浏覽器上方的标題欄中。而網頁的身子,也就是<body>與</body>标簽中間的内容将作為正文被顯示在浏覽器中。

這個網頁很單薄,head和body中都沒有什麼内容。我們會在以後的教程中逐漸豐富網頁的内容。但是現在請您記住一個概念:網頁的頭(head)是為浏覽器寫的,它将不會顯示在頁面上,而身子(body)是為網站的使用者寫的,是浏覽器将要顯示的内容。