HTML第五天 iframe内联框架示例
什么是内联框架 ?
内联框架被用来在一个HTML文档中显示另一个文档。
示例:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>内联框架</title> <style> div{ border:1px solid red; width:100px; height:30px; } #hudie{ color:red; } img{ width:20px; height:30px; } </style> </head> <body> <!-- iframe内联框架 name:iframe的名字,由此a标签才能找到iframe --> <iframe width="200px" height="300px" name="aaa" src="OLULli.html"></iframe>
<!-- src可以引入网页、照片、脚本,在没有显示指定内容是,src的内容就是内联框架的那内容--> <div> <a href="img/img1.jpg" target="aaa"> <img src="img/img1.jpg"> </a> <a href="img/img2.jpg" target="aaa"> <img src="img/img2.jpg"> </a> <a href="img/img3.jpg" target="aaa"> <img src="img/img3.jpg"> </a> </div> </body> </html>