同一個網站的不同html文件是如何關聯的？

這個問題有點意思，帶點小總結的意味。按我的理解，題主所說的關聯應該是互相調用吧？簡單總結下，最常見的有三種方式。

為說明問題方便，我們簡單的做兩個html文件，一個是a，一個是b。

a.html代碼如下圖：

b.html代碼如下圖：

當在瀏覽器中運行a.html時，點擊a標籤將跳轉到另外一個頁面，如下圖（請注意看瀏覽器地址欄上的頁面文件地址，已經從a.html變成b.html了）：

同樣的道理，當在B頁面中點擊也能跳回到A頁面。

當使用這種跳轉方式時，還可以跳轉到另一個頁面中的指定錨點位置。例如，將B頁面中的代碼做如下修改：

由於這裡增加了2個div，加上原來的div，高度就太高了，需要滾動條才能查看：

假如希望從A頁面跳轉到B頁面時，直接顯示到B頁面的底部，可以在B頁面中設置錨定位置，同時修改A頁面中的跳轉地址：

這樣，當從A頁面中點擊跳轉到B頁面時，會直接顯示到底部。如下圖：

同一個頁面中也可以設置錨定跳轉，比如從底部跳到頂部，從頂部跳到底部等等，無非是不用寫頁面地址而已。

剛才的a標籤執行的是跳轉，當從這個頁面跳到另一個頁面後，就和原來的頁面沒關係了。假如希望將兩個頁面的內容合併到一起，可使用文檔嵌入方式，這就要用到iframe標籤。例如，將B頁面的內容嵌入到A頁面中，同時為了讓效果看的更明顯，兩個頁面的代碼分別做如下修改：

這時再運行A頁面，B頁面中的內容就被嵌入到A頁面中了。運行效果如下圖：

這種方式其實是最好、也是最靈活的載入其它頁面內容的方式。假如同樣是將B頁面內容載入到A頁面中一起顯示，只需將A頁面做如下修改：

運行效果和上面的iframe方式相同。這樣的代碼雖然看起來多了點，但其靈活性、易用性非常強，相信有過ajax使用經驗的人一定對此深有體會！

代碼編程雖然看起來很難，但類似的書其實可以寫的很淺顯易懂並不要那麼多的長篇大論。我很討厭故作高深的所謂專業書，所以就自己寫了本《B/S項目開發實戰》，涵蓋了HTML+CSS+JavaScript+jQuery+PHP+MySQL等方面的內容。我是人民郵電出版社簽約作者，期待您的關注，希望有機會和大家一起交流提高，謝謝！