博客列表 >第二节课作业:制作信息表(关键字排名)

第二节课作业:制作信息表(关键字排名)

黄忠倚的博客
黄忠倚的博客原创
2018年03月18日 11:56:52791浏览


实例

<!DOCTYPE html>

<html align="center">

<head>

<meta charset="UTF-8">

<title>第二节课作业:浦北县百度关键字排名TOP50</title>

</head>

<body>

<table border="1" cellspacing="0" cellpadding="5" width="90%" align="center">

<caption><h2>浦北县百度关键字排名TOP50<small><a style="float:right"  href="">添加</a></small></h2></caption>



<thead>

<tr bgcolor="skyblue">

<th colspan="3">关键字排名</th>

<th colspan="3">指数及收录量</th>

<th colspan="2" rowspan="2">操作</th>

</tr>

<!-- bgcolor可以设置行或单元格的背景颜色 -->

<tr bgcolor="skyblue">

<!-- <th>标签内部文本默认会加粗居中显示,非常适合做表头 -->

<th>序号</th>

<th>站名</th>

<th>关键字</th>

<th>PC指数</th>

<th>移动指数</th>

<th>收录量</th>

</tr>

<tr>

<td>1</td>

<td><img src="http://mi-888.com/php/zuoye/20180316/images/535300.jpg" width="100" height="30">浦北都市网</td>

<td>浦北</td>

<td>127</td>

<td>267</td>

<td>118万</td>

<td><a href="">编辑</a></td>

<td><a href="">删除</a></td>

</tr>

<tr>

<td>2</td>

<td><img src="http://mi-888.com/php/zuoye/20180316/images/pbtcw.jpg" width="100" height="30">浦北同城网</td>

<td>浦北</td>

<td>127</td>

<td>267</td>

<td>118万</td>

<td><a href="">编辑</a></td>

<td><a href="">删除</a></td>

</tr>

<tr>

<td>3</td>

<td><img src="http://mi-888.com/php/zuoye/20180316/images/pbtt.png" width="100" height="30">浦北天天网</td>

<td>浦北</td>

<td>127</td>

<td>267</td>

<td>118万</td>

<td><a href="">编辑</a></td>

<td><a href="">删除</a></td>

</tr>

<tr>

<td>4</td>

<td><img src="http://mi-888.com/php/zuoye/20180316/images/gxpb.gov.png" width="100" height="30">广西浦北网</td>

<td>浦北</td>

<td>127</td>

<td>267</td>

<td>118万</td>

<td><a href="">编辑</a></td>

<td><a href="">删除</a></td>

</tr>

<tr>

<td>5</td>

<td><img src="http://mi-888.com/php/zuoye/20180316/images/mi-888.png" width="100" height="30">浦北社区</td>

<td>浦北</td>

<td>127</td>

<td>267</td>

<td>118万</td>

<td><a href="">编辑</a></td>

<td><a href="">删除</a></td>

</tr>

</table>

<p>

<a href="">首页</a>

<a href="">上一页</a>

<a href="">1</a>

<a href="">2</a>

<a href="">3</a>

<a href="">...</a>

<a href="">下一页</a>

<a href="">尾页</a>

</p>

</body>

</html>

运行实例 »

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

作业地址:http://mi-888.com/php/zuoye/20180316/0316.html

手抄代码:

1.jpg2.jpg3.jpg4.jpg5.jpg

上一条:h5基础学习笔记下一条:0316
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议