<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<html lang="zh-cn">
<title>iframe内联框架</title>
</head>
<body style="margin:0"> <!-- 无四个外边距 -->
<table align="center" border="1" height="700px" width="100%">
<tr>
<th colspan="3" height="10%" bgcolor="DarkGray">table布局+iframe内联框架</th>
</tr>
<tr>
<td width="25%" bgcolor="cornsilk">
<ul style="list-style-type:none" align="left">
<li>
<a href="http://www.baidu.com" target="myiframe">
<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="images/bd.png" alt="百度">
</a>
</li>
<br>
<br>
<br>
<li>
<a href="https://www.taobao.com" target="myiframe">
<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="images/tb.png" alt="淘宝">
</a>
</li>
<br>
<br>
<br>
<li>
<a href="http://www.jd.com" target="myiframe">
<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="images/jd.png" alt="京东">
</a>
</li>
</ul>
</td>
<td colspan="2" height="80%">
<iframe class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://www.baidu.com" width="100%" height="100%" name="myiframe"></iframe>
</td>
</tr>
<tr>
<td colspan="3" bgcolor="green">
备注：本网站仅供观赏
</td>
</tr>
</table>
</body>
</html>
点击查看更多内容
3人点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
相关文章推荐
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦