這篇是和我的HTML網頁製作系列的前兩篇掛鉤的。好吧,如果你還不知道什麼是框架,請看我的第12,13篇《HTML網頁製作》。
(01)首先看下小編的目錄架構1.html將作為主頁面2.html將作為目錄頁面,裡面有2個目錄,分別是目錄一和目錄二3.html為目錄一將要連結的頁面4.html為目錄二將要連結的頁面
(02)然後,看下1.html的程式碼<frameset cols="30%,70%" frameborder="yes" framespacing="1"><frame src="2.html" name="left"><frame src="3.html" name="right">其中,name的意思是,指定frame的名字,他有什麼用呢,看後面
(03)再看2.html的程式碼<ul><li><a href="3.html" target="right">目錄一</a></li><li><a href="4.html" target="right">目錄二</a></li></ul>我建立了一個列表,然後目錄一連結3.html,目錄二連結4.html。注意,有一個target的屬性,他的值就是上面frame的名字。意思是,點選目錄一,將連結到3.html,然後將3.html顯示在frame的名字為right的框架中
(04)再來看下3.html的程式碼。沒什麼可說的,顯示幾個字而已
(05)再來看4.html的程式碼,也沒什麼可說的
(06)OK,來看1.html的網頁效果點選目錄一,右側將顯示3.html的內容
(07)點選目錄二,右側將顯示4.html的內容
(01)這個和上面基本相同。我也不想多說什麼了。<iframe name="heihei" src="3.html"></iframe>語法就是這樣!在另外一個地方,用target連結這個名字,就可以了!
(02)OK,就是那麼簡單,當然,網頁做的很粗糙,程式碼也未必符合規範,但是起到一個抱磚引玉的作用,先入門,然後再優化!