網頁設計教學-用人體的結構來認識HTML架構 - 旭展顧問

文章推薦指數: 80 %
投票人數:10人
標籤可以把它想像成人的頭部,在網頁的最上方的內容都會放在
標籤中,人頭的形狀、頭上的頭髮就像網頁的Banner、色塊等等資訊,都會 ... 服務內容 網站設計規劃 POS系統開發 案例分享 文章分享 關於我們 聯絡我們 文章分享 BLOG //網頁設計// 網頁設計教學-用人體的結構來認識HTML架構 2021/06/29 網頁設計的第一步,就是將HTML架構建立起來。

網頁是由一個一個的標籤(Tag)組合而成,所有的內容都會被開始標籤與結束標籤包在裡面,什麼是HTML的結構呢?今天就用另外一種方式帶大家認識HTMLTag。

HTML的架構就如同人的身體結構,整個網頁的內容都會被包在以開頭,並以結束的標籤中,我們可以參考下圖接著說明: 網頁架構就像人的身體結構。

1.標籤: 標籤如同一個人的思想,雖然在網頁表層看不到,但是在這個標籤裡,卻包含著整個網站的重要訊息,例如:網站名子、網站描述、搜尋的關鍵字、連接了哪些外部資源等等,這些訊息都可以在此區讀到,就像我們在看大腦內的資訊一樣。

2.標籤: 標籤中框住了網頁上所有的內容,包括大家看到的Banner、主選單、網站的文字、圖片、連結、最下方的聯絡資訊、版權宣告等等,所有看得到的結構都會在這裡,我們又可以把中的結構再分成3大部分:頭部(header)、身體(main)、腳部(footer)。

3.
標籤:
標籤可以把它想像成人的頭部,在網頁的最上方的內容都會放在
標籤中,人頭的形狀、頭上的頭髮就像網頁的Banner、色塊等等資訊,都會一起放在這個標籤裡面。

4.


請為這篇文章評分?