HTML Dersleri | HTML Kurulumu | HTML Programlama Dersleri
Geçen dersimizde "<iframe>" etiketini kullanmayı öğrenmiştik. Bu dersimizde ise bu etiket ile ana sayfa tasarımı yapıp etiketin açtığı html dosyasını değiştirmeyi öğreneceğiz.
"<a href = "uygulama1.html" target = "çerçeve">1. uygulama</a>" etiketinde normalde biz "target" kısmına "_blank" yazardık ve bu yazı tıkladığımızda istediğimiz sayfayı ve html dosyanı yeni sayfada açmaya yarardı. Bu kodda ise "target" yerine "<iframe name="çerçeve">" etiketinde yaptığımız tablonun içindeki kodu değiştirmeye yarayacak. Kısacası böylece "<iframe src="">" etiektindeki "src" karşılığını değiştirmiş olacağız.
<html>
<head>
<title>13. Uygulama</title>
</head>
<body>
<table align="center" border="1" cellspacing="0" cellpadding="0" >
<tr background="image/banner1.jpg">
<td height="300" colspan="2" align="center"><img src="image/meb.png"> </td>
</tr>
<tr>
<td width="300" height="600">
<table align="center" bgcolor="yellow" width="300">
<tr><td><a href = "uygulama1.html" target = "çerçeve">1. uygulama</a><br></td></tr>
<tr><td><a href = "uygulama2.html" target = "çerçeve">2. uygulama</a><br></td></tr>
<tr><td><a href = "uygulama3.html" target = "çerçeve">3. uygulama</a><br></td></tr>
<tr><td><a href = "uygulama4.html" target = "çerçeve">4. uygulama</a><br></td></tr>
<tr><td><a href = "uygulama5.html" target = "çerçeve">5. uygulama</a><br></td></tr>
<tr><td><a href = "uygulama6.html" target = "çerçeve">6. uygulama</a><br></td></tr>
<tr><td><a href = "uygulama7.html" target = "çerçeve">7. uygulama</a><br></td></tr>
<tr><td><a href = "uygulama8.html" target = "çerçeve">8. uygulama</a><br></td></tr>
<tr><td><a href = "uygulama9.html" target = "çerçeve">9. uygulama</a><br></td></tr>
<tr><td><a href = "uygulama10.html" target = "çerçeve">10. uygulama</a><br></td></tr>
<tr><td><a href = "uygulama11.html" target = "çerçeve">11. uygulama</a><br></td></tr>
<tr><td><a href = "uygulama12.html" target = "çerçeve">12. uygulama</a><br></td></tr>
<tr><td><a href = "uygulama13.html" target = "çerçeve">13. uygulama</a><br></td></tr>
<tr><td><a href = "https://google.com" target = "_blank">GOOGLE</a><br></td></tr>
</table>
</td>
<td width="600">
<iframe height="500" width="600" name="çerçeve" src="uygulama11.html" frameborder="0" style="border:1px solid black;"> </iframe>
</td>
</tr>
<tr>
<td height="300" colspan="2"><img src="image/banner1.jpg"> </td>
</tr>
</table>
</body>
</html>