振宇網頁設計公司
關於振宇 網站設計作品 網站排名 線上洽詢
HTML教學 - 設計HTML網頁基本結構
作者 Sunming   
2007/12/12

HTML教學 - 設計HTML網頁基本結構
設計HTML網頁的時候,必須遵循HTML的網頁語法。一個完整的HTML網頁由標題、段落、清單、表格及嵌入的各種物件所組成。

這些邏輯上統一的物件稱之為元素,HTML網頁使用標記來分割並描述這些元素.實際上整個HTML網頁就是由網頁元素與網頁標記組成的。  

網頁HTML代碼分為3部分,具體如下:
<html>...</html>:告訴流覽器HTML網頁的開始和結束,其中包含<head>和<boby>標記.HTML網頁中所有的內容都應該在這兩個標記之間,一個HTML網頁總是以<html>開始,以</html>結束的.

<head>...</head>:HTML網頁的頭部標記,其中可以放置頁面的標題以及檔資訊等內容.通常將這兩個標記之間的內容統稱為HTML的頭部.一般來說,位於頭部的內容都不會在網頁上直接顯示.而是通過另外的方式起作用,例如:標題是在HTML的頭部定義的,它不會顯示在網頁上,但是會出現在網頁的標題列上.

<body>...</body>:HTML網頁的主體標記,絕大多數HTML內容放置在這個區域裡面,通常位於</head>標記之後,</html>標記之前.

在查看HTML原始程式碼或者編寫網頁時,經常會遇到3種格式的HTML標籤,它們是:
<tag_name>對象</tag_name>
<tag_name[ [ attr_name[ =attr_value ] ]...>對象</tag_name>
<tag_name>
其中的第一種標記形式是最常見的,例如文字的粗體、斜體以及文字的標題標記等都是這種形式.例如:
<h2>HTML網頁的基本結構</h2>

--------------------------------------------------------------------------------------------------------- 
實例:頁面基本結構
<html>
<!--聲明HTML頁面開始-->
<head>
<!--聲明HTML頭部開始-->
</head>
<!--聲明HTML頭部結束-->
<body>
<!--聲明HTML主體開始-->
</body>
<!--聲明HTML主體結束-->
</html>
<!--聲明HTML頁面結束-->

說明:

<html> HTML網頁開始
<head> HTML網頁的頭部開始
...
HTML網頁頭部內容
</head> HTML文件的頭部結束
<body> HTML網頁的主體內容
...
HTML網頁的主體內容
</body> HTML文件的主體結束
</html> HTML文件結束

最後更新 ( 2010/12/09 )
相關文章
更多網頁設計教學

網站設計 FAQ

網站架構圖及設計流程

More...

網頁設計包括哪些費用?

More...

網站建置需要多少時間?

More...
預算有限,想先體驗網路行銷的效果嗎?
More...
如何讓商機源源不絕而來?
More...
我需不需要自行架設主機呢?
More...
什麼是網域名稱(網址)?什麼是虛擬主機(網站空間)?
More...

RUS Website Design 瑞宇.台中網頁設計公司  Copyright © 2004 振宇網頁設計 All rights Reserved.  線上詢價
振宇首頁關於振宇設計作品線上洽詢常見問題新聞時事網頁設計教學友站連結網站地圖  免費交換連結
回到首頁 聯絡振宇