第六章 框架
P98如何建立框架
<FRAMESET>標記
<!--c6_2_l.htm-->
<html>
<head>
<title>垂直框架</title>
</head>
<frameset cols="200,300,*”>
<frame name="fraMammals" src="mammals.htm">
<frame name="fraFish" src="fish.htm">
<frame name="fraGator" src="gator.htm">
</frameset>
</html>
<!--c6_2_2.htm-->
<html>
<head>
<title>框架</title>
</head>
<frameset rows="20%,30%,*”>
<frame name="fraMammals" src="mammals.htm">
<frame name="fraFish" src="fish.htm">
<frame name="fraGator" src="gator.htm">
</frameset>
</html>
P101混合式框架
<!--c6_2_3.htm-->
<html>
<head>
<title>混合式框架</title>
</head>
<frameset cols="200,*”>
<frame src="ex.htm" name="fraLeft">
<frame src="c6_2_2.htm" name="fraRight">
</frameset>
</html>
<!--c6_2_4.htm>
<html>
<head>
<title>混合式框架</title>
</head>
<frameset cols "200,*>
<frame name="fraEx" src="ex.htm">
<frameset rows="20%,30%”>
<frame name="fraMammals" src="mammals.htm">
<frame name="fraFish" src="fish.htm">
<frame name="fraGator" src="gator.htm">
</frameset>
</frameset>
</html>
P104框架的高級設定
加在<FRAME>標記中的屬性
<!--c6_3_l.htm-->
<html>
<head>
<title>框架</title>
</head>
<frameset rows="*,50%,130" framespacing=“20” bordercolor=“blue”>
<frame name="fraMammals" src="mammals.htm">
<frame name="fraFish" src="Fish.htm">
<frame name="fmGator" src="gator.htm">
</frameset>
</html>
<!--c6_3_2.htm-->
<html>
<head>
<title>框架</title>
</head>
<frameset rows="*,50%,130" frameborder=“0”>
<frame name="fraMammals" src="mammals.htm">
<frame name="frafish" src="fish.htm">
<frame name="fraGator" src="gator.htm">
</frameset>
</html>
P105加在<FRAME>標記中的屬性
<!--c6_3_3.htm-->
<html>
<head>
<title>框架</title>
</head>
<ftameset rows="*,50%,130">
<frame name="fraMammals" src="mammals.htm" scrolling=“auto”>
<frame name="fraFish" src="fish.htm" scrolling=“no”>
<frame name="fraGator" src="gator.htm" scrolling=“yes”>
</frameset>
</html>
<!--c6_3_4.htm-->
<html>
<head>
<title>框架</title>
</head>
<frameset rows="*,*,*">
<frame src="fish.htm" marginwidth=“0” marginheight=“0” noresize=”bordesize”>
<frame src="fish.htm" marginwidth=“30” marginheight=“10”>
<frame src="fish.htm" marginwidth=“100” marginheight=“30”>
</frameset>
</html>
P107框架的的超級鏈接：分割框架
<1--c6_4_l.htm-->
<html>
<head>
<title>可愛(ài)的動(dòng)物世界</title>
</head>
<frameset cols="200,*”>
<frame name=“fraLeft” src="c6_4_2.htm">
<frame name=“fraRight” src="animal.htm">
</frameset>
</html>
P108設定超級鏈接的目的網(wǎng)頁(yè)
<!--c6_4_2.htm-->
<html>
<head>
<title>框架范例</title>
</head>
<body>
<font size=“5”><a href=“animal.htm” target=“fraRight”>【動(dòng)物世界】</a></font><p>
<font size=“4”><a href=“mammals.htm” target=“fraRight”>哺乳類(lèi)</a></font><p>
<font size=“4”><a href=“fish.htm” target=“fraRight”>魚(yú)類(lèi)</a></font><p>
<font size=“4”><a href=“gator.htm” target=“fraRight”>爬行類(lèi)</a></font><p>
</body>
</html>
P110其它的TARGET屬性值
<!--c6_4_3.htm-->
<html>
<head>
<title>可愛(ài)的動(dòng)物世界</title>
</head>
<frameset cols="200,*”>
<frame name="fraLeft" src="c6_4_4.htm">
<frame name="fraRight" src="animal.htm">
</frameset>
</html>
<!--c6_4_4.htm-->
<html>
<head>
<title>框架范例</title>
<base target="main">
</head>
<body>
<font size=“5”><a href=“animal.htm” target=“_blank”>【動(dòng)物世界】</a></font><p>
<font size=“4”><a href=“mammals.htm” target=“_top”>哺乳類(lèi)</a></font><p>
<font size=“4”><a href=“fish.htm” target=“_parent”>魚(yú)類(lèi)</a></font><p>
<font size=“4”><a href=“gator.htm” target=“_self”>爬行類(lèi)</a></font><p>
</body>
</html>
P111預設的的超級鏈接TARGET
<!--c6_4_5.htm-->
<html>
<head>
<title>可愛(ài)的動(dòng)物世界</title>
</head>
<frameset cols="200,*">
<frame name="fraleft" src="c6_4_6.htm">
<frame name="fraRight" src="animal.htm">
</frameset>
</html>
<!--c6_4_6.htm-->
<html>
<head>
<title>框架范例</title>
<base target=“ fraRight">
</head>
<body>
<font size="5"><a href="animal.htm">【動(dòng)物世界】</a></font><p>
<font size="4"><a href="mammals.htm">哺乳類(lèi)</a></font><p>
<font size="4"><a href="fish.htm">魚(yú)類(lèi)</a></font><p>
<font size="4"><a href="gator.htm">爬行類(lèi)</a></font><p>
</body>
</html>
P112使用TARGET屬性結合書(shū)簽超級鏈接
<!--c6_4_7.htm-->
<html>
<head>
<title>可愛(ài)的動(dòng)物世界</title>
</head>
<frameset cols="200,*”>
<frame name="fraLeft" src="c6_4_9.htm">
<frame name="fraRight" src="c6_4_8.htm">
</frameset>
</html>
【左框架程序】
<!--c6_4_9.htm-->
<html>
<head>
<title>框架范例</title>
<base target="fraRight">
</head>
<body>
<font size="5"><a href=”c6_4_8.htm#fraanimal">【動(dòng)物世界】</a></font><p>
<font size="4"><a href="c6_4_8.htm#framammals">哺乳類(lèi)</a></font><p>
<font size="4"><a href="c6_4_8.htm#frafish">魚(yú)類(lèi)</a></font><p>
<font size="4"><a href="c6_4_8.htm#fragator">爬行類(lèi)</a></font><p>
</body>
</html>
【右框架程序】
<!--c6_4_8.htm-->
<html>
<head>
<title>奇妙的動(dòng)物世界</title>
</head>
<body>
<a name="fraanimal">
<center><font size="6" color=”red”>奇妙的動(dòng)物世界</font></center><p>
<font size="3” color="blue"><marquee behavior="alternate">
歡迎來(lái)到奇妙的動(dòng)物世界</marquee></font><p>
嗨！你知道比目魚(yú)的眼睛會(huì )搬家嗎？你知道蛙也會(huì )壁虎功爬在墻壁上嗎？駱駝的駝峰里面是水嗎？而貓頭鷹的頭可以向下轉180度…，“當我們同在一起，在一起…”在這個(gè)世界上，除了我們人類(lèi)以外，還有其他各式各樣的動(dòng)物跟我們共同生活在這個(gè)藍色的星球上，她們具有各式各樣的獨特生活方式來(lái)適應大自然，奇妙而且是你、我都很難想得到的，接下來(lái)，就讓我們帶您進(jìn)入奇妙的動(dòng)物世界吧！<p>
<table align="center">
<tr bgcolor="yellow">
<th>哺乳動(dòng)物
<th>魚(yú)類(lèi)
<th>鳥(niǎo)類(lèi)
<th>爬行類(lèi)
<th>兩棲類(lèi)
<tr>
<td><img src="Bank-187.jpg”>
<td><img src="Bank-180.jpg”>
<td><img src="Bank-37.jpg”>
<td><img src="Bank-150.jpg”>
<td><img src="Bank-123.jpg”>
</table>
<a name=“framammals">
<p align="center"><font size="6">會(huì )分泌乳汁的哺乳類(lèi)</font><p>
<img src="Bank-176.jpg” width="100" height="100" align="left">
<font size="4">所謂的哺乳動(dòng)是媽咪只會(huì )分泌乳汁喂食小孩，在她們的身體表面有皮毛，可以保暖，有發(fā)達的大腦，體溫也可以維持穩定，通常是胎生，但也包含了很原始的蛋生的鴨嘴獸，還有背面有育兒袋，廣受大家喜愛(ài)的無(wú)尾熊，當然，我們人類(lèi)也是成員之一。</font></p>
<a name="frafish">
<p align="center"><font size="6">一天到晚游泳的魚(yú)</font><p>
<font size="4">
<img src="Bank-13.jpg” align="left" width="100" height="100">
魚(yú)是生活于水中的精靈，看他們游泳的姿態(tài)，變化多端的體形和體色，直叫人的眼光佇立停留。魚(yú)類(lèi)的體表有鱗片，體溫會(huì )隨水而改變，用鰓在水中進(jìn)行呼吸，有各種鰭來(lái)協(xié)助運動(dòng)與保持身體平衡，以側線(xiàn)來(lái)感覺(jué)水流，除此之外，也有稱(chēng)為“魚(yú)”而其實(shí)并不是“魚(yú)”的生物，如以肺呼吸的鯨魚(yú)，魷魚(yú)、章魚(yú)，及鮑魚(yú)是軟件動(dòng)物，鱷魚(yú)是爬行類(lèi)，他們都不是真正的魚(yú)類(lèi)哦！</font></p>
<a name="fragator">
<p align="center"><font size="6">可愛(ài)又可怕的爬行類(lèi)</font><p>
<font size="4">
<img src="Bank-124.jpg” align="left" width="100" height="90">
提到爬行類(lèi)就會(huì )讓人想到巨大的恐龍，以及令人發(fā)指的各種蛇類(lèi)和鱷魚(yú)們，其實(shí)，深入一點(diǎn)看他們，也是很可愛(ài)的，除了蛇和鱷魚(yú)外，晰蝎和龜等是蟲(chóng)類(lèi)四大族群，他們的體表覆蓋著(zhù)鱗片，以防止水分自體內蒸發(fā)，體溫會(huì )隨著(zhù)外在的環(huán)境而改變，也就是我們所謂的“冷血動(dòng)物”，所以爬行類(lèi)分布地區大部分位于熱帶和亞熱帶，臺灣的氣候正是她們的天堂，但是近十年來(lái)數量大幅減少，這是我們應該反省的地方。
</font></p>
</body>
</html>
聯(lián)系客服
