16table布局和综合实例
2017-07-15 16:29
429 查看
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>table布局和综合实例</title>
</head>
<body>
<table style="background:darkgray;width:100%;height:708px;">
<tr style="background:green"><td colspan="3" style="height:10%">
</td>
</tr>
<tr>
<td style="background:cornsilk;width:20%;">
<ul style="list-style-type:none">
<li>
<a href="http://www.jd.com" target="myframe"><img src="baidu.png" alt="京东"title="京东" width="50%"></a>
</li>
<li>
<a href="http://www.taobao.com" target="myframe"><img src="baidu.png" alt="淘宝"title="淘宝" width="50%"></a>
</li>
<ul>
</td>
<td colspan="2">
<iframe src="http://www.baidu.com" width="100%" height="100%" name="myframe"> </iframe>
</td>
</tr>
<tr style="background:blue">
<td colspan="3" style="height:10%"></td>
</tr>
</table>
</body>
</html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>table布局和综合实例</title>
</head>
<body>
<table style="background:darkgray;width:100%;height:708px;">
<tr style="background:green"><td colspan="3" style="height:10%">
</td>
</tr>
<tr>
<td style="background:cornsilk;width:20%;">
<ul style="list-style-type:none">
<li>
<a href="http://www.jd.com" target="myframe"><img src="baidu.png" alt="京东"title="京东" width="50%"></a>
</li>
<li>
<a href="http://www.taobao.com" target="myframe"><img src="baidu.png" alt="淘宝"title="淘宝" width="50%"></a>
</li>
<ul>
</td>
<td colspan="2">
<iframe src="http://www.baidu.com" width="100%" height="100%" name="myframe"> </iframe>
</td>
</tr>
<tr style="background:blue">
<td colspan="3" style="height:10%"></td>
</tr>
</table>
</body>
</html>
相关文章推荐
- *PyQt4 精彩实例分析* 实例17 综合布局实例
- [QT]QT教程之实例分析[六]综合布局实例
- (十一)布局管理器综合实例
- [QT]QT教程之实例分析[六]综合布局实例
- WPF 布局之综合实例
- 第二十六课、布局管理器综合实例------------------狄泰软件学院
- 《有博天天读》Silverlight中InkPresenter控件综合应用实例
- HTML(三)— 综合实例
- Flex 布局教程:实例篇
- javaweb国际化/格式化标签的综合实例代码
- ExtJS学习笔记四:综合实例登陆框
- 综合练习之--1、复用布局页面显示XLV 和 侧滑 vp效果
- 2004-10-24+ 自定义事件(事件处理+综合实例:模仿Repeater)
- python核心编程-GUI程序之综合实例-简单文件浏览器
- 精通QTP-自动化测试技术领航 第2章2.2.9综合实例练习总结
- flexbox布局实例
- 一步一步学Silverlight 2系列(31):图形图像综合实例—实现水中倒影效果
- [转]统一建模语言UML轻松入门之综合实例
- 十天学会DIV+CSS第十天 div+css网页标准布局实例教程
- 圣杯布局方法实例