網頁基礎

一.網頁的組成

網頁能夠分爲三大部分——HTML，CSS和Javascript；把網頁比做一我的的話，HTML至關於骨架，CSS至關於皮膚，Javascript至關於肌肉。

HTML是用來描述網頁的語言，全稱爲Hyper Text Markup Languag，即超文本標記語言 ；整個網頁都是由各類標籤嵌套組合而成，這些標籤訂義的節點元素互相嵌套和組合造成了複雜的層次關係，就造成了網頁的架構。

CSS全稱叫做Cascading Style Sheets，即層疊樣式表，CSS來美化網頁的樣式。

Javascript簡稱JS，是一種腳本語言，實現了網頁的實時，動態，交互的頁面功能。

綜上所述，HTML定義了網頁的內容和結構，CSS描述了網頁的佈局，Javascript定義了網頁的行爲。

二.節點樹和節點間的關係

在HTML中全部標籤訂義的內容都是節點，它們構成了一個HTML DOM樹。

DOM是W3C(萬維網聯盟)的標準，其英文全稱Document Object Model，即文檔對象模型，它定義了訪問HTML和XML文檔的標準：W3C文檔對象模型（DOM）是中立於平臺和語言的接口，它容許程序和腳本動態的訪問和更新文檔的內容，結構和樣式。

W3C DOM標準被分爲3個不一樣的部分：

1).核心DOM：針對任何結構化文檔的標準模型。
2).XML DOM：針對XML文檔的標準模型。
3).HTML DOM:針對HTML文檔的標準模型。

根據W3C的HTML DOM標準，HTML文檔中的全部內容都是節點：

1）整個文檔是一個文檔節點
2）每一個HTML元素是元素節點
3）HTML元素內的文本是文本節點
4）每一個HTML屬性是屬性節點
5）註釋是註釋節點

經過HTML DOM，樹中的全部節點均可以經過Javascript訪問，全部HTML節點元素都可被修改，建立，刪除

節點樹中的節點彼此擁有層級關係，父（parent）子（child）兄弟（sibling）節點,頂端節點稱爲根（root）節點