HTML（2） 超鏈接

基本的文字超鏈接

//code:

這裏用到了< a>標籤，herf後面接的是網址鏈接，< a>he< /a>之間是文字鏈接的內容，點一下文字會跳到相應的網頁。

設置圖片超鏈接

//code:

圖片超鏈接就是在文字超鏈接的基礎上，把文字部分換成了圖片，這裏一般用圖片的絕對路徑。這裏要用到img標籤，src後面接的是圖片路徑，這裏和調用圖片的格式一樣。

設置新窗口顯示鏈接頁面

//code:

前面兩個例子都是在同一窗口中顯示鏈接，要實現新窗口顯示鏈接，只需加一個< a>標籤target屬性。這裏使用的是target屬性的」_blank」目標，target屬性的詳細使用見如下網頁：< a>標籤的target屬性詳解

框架之間的鏈接

框架是一種常用的網頁佈局工具。它的作用是把瀏覽器的顯示空間分割爲幾個部分，每個部分都可以獨立顯示不同的網頁。框架之間的鏈接在網頁中使用的非常多。我們把它分爲5個小塊來學習。

1,框架集< frameset>屬性

這裏演示一下cols垂直分割
//code:

這裏用到了cols屬性，把頁面垂直分成了一半。

2,框架< frame>屬性

這裏我們來演示一下src在框架中插入網頁
//code:

其中a.html b.html c.html是已經寫好了的網頁，裏面代碼如下(下面只有a.html ,其它兩個只是把框架一改成了框架二三)：

瀏覽器中的結果（其中第一個框架線不能調整大小，第二個能調整）：

3,框架的嵌套
框架的嵌套，可以看成是 切西瓜，把西瓜分成兩部分之後，又把每部分分割。框架的嵌套要交替使用< frameset>和< frame>框架，以達到自己想要的分割目的。
//code:

這裏是先充值分，左邊30%，右邊70%。然後把右邊的再對半分。

瀏覽器中的結果：

4,框架之間建立鏈接
我們在這裏實現一個例子，先把頁面分爲兩頁，然後在左邊寫上鍊接列表，右邊框生成對應的鏈接內容。
//code:
a.html

注：這裏的target屬性一定要用到，它表明鏈接將要顯示的目標窗口位置的名字是main。

注：運行的結果爲

嵌入式框架iframe

嵌入式框架引用到< iframe>標籤就可以了，這裏就給個例子
//code:

結果爲：
這裏嵌入的網頁就在規定的框架內了。