实例
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>0814课堂作业</title>
<style type="text/css">
table {
margin: 10px auto;
border-collapse: collapse;
width: 1200px;
/* background-color: #fff; */
color: #666;
text-align: center;
}
table caption {
font-size: 2em;
font-weight: bolder;
margin-bottom: 20px;
}
table th {
line-height: 30px;
background-color: #f2f2f2;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
}
table td {
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
}
table tr:first-child {
background-color: lightgreen;
}
table tr:hover {
background-color: #efefef;
color: coral;
}
table tr td img {
padding: 5px;
border-radius: 10px;
}
table tr td a {
text-decoration: none;
width: 140px;
height: 40px;
padding: 5px;
/* border: 1px solid black; */
/* background: white; */
color: black;
border-radius: 8px;
}
table tr td a:hover {
background: #3FB118;
color: white;
}
img {
width:130px;
}
</style>
</head>
<body>
<h1>20180814作业</h1>
<h2>为朱老师打call.朱老师课讲的非常好。我相信大家都爱听，理论实操，诙谐搞笑，刹那间，全体学员都在认真听讲做笔记！</h2>
<hr>
<p><strong>问答题:不少于150字</strong></p>
<p>1. 学习PHP为什么必须要掌握HTML?</p>
<p>答：PHP本身就是用来生成 html 代码的，如果连html代码都不会，拿什么生成html代码，所以学好html是php开发出好网站的重要一环.</p>
<p>2.为什么选择PHP开发动态网站？</p>
<p>答：我想因为二个原因，一个就是朱老师讲的 快，上手快，开发快，更新快，迭代快。 另一个就是开源，开源让PHP变得更强大</p>
<p><strong>编程题:</strong></p>
<pre>制作一张表格,要求使用到:table tr+th,tr+td,h2,p,ul+li,img,a 标签,允许使用有限的CSS进行样式美化，但不可以过量。</pre>
<hr />
<h2>实操作业</h2>
<p>列表标签ul,li</p>
<ul>
<!-- 无序列表标签 -->
<li>列表项目一</li>
<li>列表项目二</li>
<li>列表项目三</li>
</ul>
<ol>
<!-- 有序列表标签 -->
<li>列表项目一</li>
<li>列表项目二</li>
<li>列表项目三</li>
</ol>
<table>
<caption>推荐下载</caption>
<tr>
<th>ID</th>
<th>游戏Logo</th>
<th>游戏名称</th>
<th>游戏简介</th>
<th>游戏下载</th>
</tr>
<tr>
<td>1</td>
<td>
<img src="http://img.danji6.com/uploadfile/2017/0830/20170830053325149.jpg" title="奥特曼">
</td>
<td>奥特曼传奇英雄</td>
<td>格斗动作手游</td>
<td>
<a href="http://down2.guopan.cn/andl/dda.php?appid=101925&cid=66056&t=1525938970">点击下载</a>
</td>
</tr>
<tr>
<td>2</td>
<td>
<img src="http://img.danji6.com/uploadfile/2018/05/b5cawf04vrx.png" title="西游女儿国">
</td>
<td>西游女儿国</td>
<td>角色扮演类手机游戏</td>
<td>
<a href="http://down2.guopan.cn/andl/dda.php?appid=109954&cid=66056&t=1529980040">点击下载</a>
</td>
</tr>
<tr>
<td>3</td>
<td>
<img src="http://img.danji6.com/uploadfile/2017/58/t55jhxri5uk.jpg" title="激战奇轮">
</td>
<td>激战奇轮</td>
<td>角色扮演类手机游戏</td>
<td>
<a href="http://down2.guopan.cn/andl/dda.php?appid=109954&cid=66056&t=1529980040">点击下载</a>
</td>
</tr>
<tr>
<td>4</td>
<td>
<img src="http://img.danji6.com/uploadfile/2017/1012/20171012015947639.png" title="阿拉德之怒">
</td>
<td>阿拉德之怒</td>
<td>韩风3D的动作rpg</td>
<td>
<a href="http://down2.guopan.cn/andl/dda.php?appid=109954&cid=66056&t=1529980040">点击下载</a>
</td>
</tr>
<tr>
<td>5</td>
<td>
<img src="http://m.danji6.com/uploadfile/2018/30/5ninvzex0lb.png" title="醉传奇BT">
</td>
<td>醉传奇BT</td>
<td>经典传奇模式玩法竞技</td>
<td>
<a href="http://down2.guopan.cn/andl/dda.php?appid=109954&cid=66056&t=1529980040">点击下载</a>
</td>
</tr>
</table>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
