登录  /  注册
博主信息
博文 51
粉丝 0
评论 1
访问量 68464
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
2
呵呵哒
原创
1426人浏览过

代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="3"  width="60%">

<caption><h3>天朝实力top10软件公司</h3><a href="">增加</a></caption>
<colgroup span="1" bgcolor="green"></colgroup>
<colgroup span="1" bgcolor="yellow"> </colgroup>
<colgroup span="2" bgcolor="blue"><col bgcolor="gray"><col></colgroup>
<colgroup span="1" bgcolor="pink"></colgroup>
<colgroup span="1" bgcolor="orange"></colgroup>
<colgroup span="1" bgcolor="lightgreen"></colgroup>
<colgroup span="1" bgcolor="red"></colgroup>
    <thead>
    
<tr bgcolor="shybule">
<th>ID</th>
<th>公司名称</th>
<th>老总</th>
<th>总部地址</th>
<!-- <td></td> -->
<th>员工人数(万)</th>
<th>注册资本(亿)</th>
<th colspan="2">操作</th>
</tr>
    </thead>
    <tbody>
<tr>
<td>01</td>
<td><img src="images/1.jpg" width="30"  alt="logo"><strong>腾讯</strong></td>
<td>马化腾</td>
<td>深圳</td>
<!-- <td></td> -->
<td colspan="2">5</td>
<!-- <td>1</td> -->
<td><a href="">删除</a> </td>
<td><a href="">修改</a></td>
<!-- <td><a href="">删除</a></td> -->
</tr>
<tr>
<td>01</td>
<td><img src="images/1.jpg" width="30"  alt="logo">阿里</td>
<td><em>马云</em></td>
<td>杭州</td>
<!-- <td></td> -->
<td>4</td>
<td rowspan="4">2</td>
<!-- <colgroup span="4"></colgroup> -->
<td><a href="">删除</a> </td>
<td><a href="">修改</a></td>
<!-- <td><a href="">删除</a></td> -->
</tr>
<tr>
<td>01</td>
<td><img src="images/1.jpg" width="30"  alt="logo">华为</td>
<td>任正非</td>
<td>深圳</td>
<!-- <td></td> -->
<td rowspan="3">3</td>
<!-- <td>2</td> -->
<td><a href="">删除</a></td>
<td><a href="">修改</a></td>
<!-- <td><a href="">删除</a></td> -->
</tr>
<!-- <tr> -->
<!-- <td>01</td> -->
<!-- <td colspan="4"><img src="images/1.jpg" width="30"  alt="logo">中兴</td> -->
<!-- <td>候总</td> -->
<!-- <td>深圳</td> -->
<!-- <td>4</td> -->
<!-- <td colspan="4">楚河</td> -->
<!-- <td></td> -->

<!-- <td colspan="4">汉界</td> -->
<!-- <td><a href="">删除</a></td> -->
<!-- <td><a href="">修改</a></td> -->
<!-- <td><a href="">删除</a></td> -->
<!-- </tr> -->
<tr>
<td>01</td>
<td><img src="images/1.jpg" width="30"  alt="logo">小米</td>
<td>雷总</td>
<td rowspan="2">北京</td>
<!-- <td></td> -->
<!-- <td>3</td> -->
<!-- <td>2</td> -->
<td><a href="">删除</a> </td>
<td><a href="">修改</a></td>
<!-- <td><a href="">修改</a></td> -->
</tr>
<tr>
<td>01</td>
<td><img src="images/1.jpg" width="30"  alt="logo">百度</td>
<td>李总</td>
<!-- <td>北京</td> -->
<!-- <td></td> -->
<!-- <td>3</td> -->
<!-- <td>2</td> -->
<td><a href="">删除</a></td>
<td><a href="">修改</a></td>
<!-- <td><a href="">删除</a></td> -->

</tr>
</tbody>
<!-- <tfoot></tfoot> -->

</table>
<p>
<a href="">首页</a>
<a href="">上一页</a>
<a href="">下一页</a>
<a href="">跳转</a>
<a href="">尾页</a>
</p>
<!--  <pre>ta只喜欢带给ta欢乐的人
         所以你要给欢乐
         是的
         就这么简单
         你可能疑问
         是的<br> 我知道你会质疑一切
         更何况我在胡说
        <hr>
         一个幻想的世界
         但是按照我的去做,你会得到反馈,所以快去做,
</pre> -->

</body>
</html>

效果图

TIM图片20180318215643.png

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<table border="1" cellspacing="0" cellpadding="3" align="center"  width="60%">
		
		<caption><h3>天朝实力top10软件公司</h3><a href="">增加</a></caption>
		<colgroup span="1" bgcolor="green"></colgroup>
	<colgroup span="1" bgcolor="yellow"> </colgroup>
	<colgroup span="2" bgcolor="blue"><col bgcolor="gray"><col></colgroup>
	<colgroup span="1" bgcolor="pink"></colgroup>
	<colgroup span="1" bgcolor="orange"></colgroup>
	<colgroup span="1" bgcolor="lightgreen"></colgroup>
	<colgroup span="1" bgcolor="red"></colgroup>
    <thead>
    
	<tr bgcolor="shybule">
		<th>ID</th>
		<th>公司名称</th>
		<th>老总</th>
		<th>总部地址</th>
		<!-- <td></td> -->
		<th>员工人数(万)</th>
		<th>注册资本(亿)</th>
		<th colspan="2">操作</th>
	</tr>
    </thead>
    <tbody align="center">
	<tr>
		<td>01</td>
		<td><img src="images/1.jpg" width="30"  alt="logo"><strong>腾讯</strong></td>
		<td>马化腾</td>
		<td>深圳</td>
		<!-- <td></td> -->
		<td colspan="2">5</td>
		<!-- <td>1</td> -->
		<td><a href="">删除</a> </td>
		<td><a href="">修改</a></td>
		<!-- <td><a href="">删除</a></td> -->
	</tr>
	<tr>
		<td>01</td>
		<td><img src="images/1.jpg" width="30"  alt="logo">阿里</td>
		<td><em>马云</em></td>
		<td>杭州</td>
		<!-- <td></td> -->
		<td>4</td>
		<td rowspan="4">2</td>
		<!-- <colgroup span="4"></colgroup> -->
		<td><a href="">删除</a> </td>
		<td><a href="">修改</a></td>
		<!-- <td><a href="">删除</a></td> -->
	</tr>	
	<tr>	
		<td>01</td>
		<td><img src="images/1.jpg" width="30"  alt="logo">华为</td>
		<td>任正非</td>
		<td>深圳</td>
		<!-- <td></td> -->
		<td rowspan="3">3</td>
		<!-- <td>2</td> -->
		<td><a href="">删除</a></td>
		<td><a href="">修改</a></td>
		<!-- <td><a href="">删除</a></td> -->
	</tr>
	<!-- <tr> -->
		<!-- <td>01</td> -->
		<!-- <td colspan="4"><img src="images/1.jpg" width="30"  alt="logo">中兴</td> -->
		<!-- <td>候总</td> -->
		<!-- <td>深圳</td> -->
		<!-- <td>4</td> -->
		<!-- <td colspan="4">楚河</td> -->
		<!-- <td></td> -->

		<!-- <td colspan="4">汉界</td> -->
		<!-- <td><a href="">删除</a></td> -->
		<!-- <td><a href="">修改</a></td> -->
		<!-- <td><a href="">删除</a></td> -->
	<!-- </tr> -->
	<tr>
		<td>01</td>
		<td><img src="images/1.jpg" width="30"  alt="logo">小米</td>
		<td>雷总</td>
		<td rowspan="2">北京</td>
		<!-- <td></td> -->
		<!-- <td>3</td> -->
		<!-- <td>2</td> -->
		<td><a href="">删除</a> </td>
		<td><a href="">修改</a></td>
		<!-- <td><a href="">修改</a></td> -->
	</tr>	
	<tr>
		<td>01</td>
		<td><img src="images/1.jpg" width="30"  alt="logo">百度</td>
		<td>李总</td>
		<!-- <td>北京</td> -->
		<!-- <td></td> -->
		<!-- <td>3</td> -->
		<!-- <td>2</td> -->
		<td><a href="">删除</a></td>
		<td><a href="">修改</a></td>
		<!-- <td><a href="">删除</a></td> -->

	</tr>
	</tbody>
	<!-- <tfoot></tfoot> -->

	</table>
	<p align="center">
		<a href="">首页</a>
		<a href="">上一页</a>
		<a href="">下一页</a>
		<a href="">跳转</a>
		<a href="">尾页</a>
	</p>
<!-- 	<pre>ta只喜欢带给ta欢乐的人
         所以你要给欢乐
         是的
         就这么简单
         你可能疑问
         是的<br> 我知道你会质疑一切
         更何况我在胡说
        <hr>
         一个幻想的世界
         但是按照我的去做,你会得到反馈,所以快去做,
	</pre> -->

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

作业 是加深对各标签用法认识, 并知晓其作用。

783AEEB0BC65B24BC68F497DB43D7173.pngF5CE98BA3AF904B7B0C1C997A34E772E.pngE18AD1DBB33379D466BD4DAE041AA763.png233A3660378AA159DD7C3D2EA493C29C.png2102CEC2CE4F69AE897DC61E286FC624.pngE35A7D1B7C5E43A874B4189C1089030D.png


批改状态:未批改

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
  • 1
    2018-03-17 17:09:25
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学