2010年3月11日 星期四

HTML網頁基本架構

1.
要寫網頁之前一定要先了解網址:
例如本站網址:『http://nfuc.blogspot.com/』,
事實上這個網址省略了一個『index.html』,
正確來說完整的網址應該是『http://nfuc.blogspot.com/index.html』,
再拆開這個這個『index.html』由檔名『index』與『html』組成,
其中『index』是由自己設定的名稱,
而『html』則是為了能在網頁瀏覽器中看到資訊所設計的一種標示語言,
另外我們還會在網路上看到『htm』這種副檔名,
這兩種文件基本上內容沒有區別,
講簡單來說習慣上首頁檔我們會用『html』而子頁面我們則會用『htm』,
因此剛剛的例子才會採用『html』,
又系統內定默認『index.html』為烘培雞(Homepage)因此網址可以省略,
所以要做一個簡單的網站會包括一個『html』檔案再加上許多『htm』,
那麼該如何做呢?

2.
既然網址已經知道是怎麼一回事了,
那麼接下來就是要知道如何去寫這個名為『index.html』的檔案,
他的基本架構如下:

文件類型定義Html屬性標頭網頁說明網頁標題網頁內容


ps:這個『<br />』 是換行語法
---------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>賣火柴的小女孩</title>

</head>

<body>
我是賣火柴的小女孩這樣,<br />
我是妳爸,去賣火柴。
</body>

</html>

---------------------------------------------------------------
圖形表示:


所以最陽春的網頁就出現了...
有沒有寫教學很花時間的八卦(小聲...噓

沒有留言:

張貼留言