收藏
批改状态：合格
老师批语：
<!DOCTYPE html>
<html>
<head>
<title>表格</title>
<style type="text/css">
table{
width: 700px;
margin:20px auto;
text-align: center;
}
caption{
font-size: 3rem; /*1rem=10px;*/
font-weight: bold;
color: #666;
margin-bottom: 20px;
border: 1px solid #666;
border-collapse: collapse;
}
table,th,th{border:1px solid #666;}
table tr:first-child{background: green}
table tr:hover{background: #efefef;color: coral}
img{padding: 5px;border-radius: 10px}
a{color: white;display: block;width: 80px;height: 30px;background: red;text-decoration: none;border-radius: 5px;line-height: 30px}
h1{text-align: center;}
</style>
</head>
<body>
<table>
<!-- <caption>购物清单</caption> -->
<h1>购物清单</h1>
<tr>
<th>编号</th>
<th>名称</th>
<th>brand</th>
<th>单位</th>
<th>缩略图</th>
<th>跳转链接</th>
</tr>
<tr>
<td>1</td>
<td>奶制品</td>
<td><ul>
<li>蒙牛</li>
<li>三鹿</li>
</ul></td>
<td>箱</td>
<td><img src="images/milk.jpg" style="width:100px"></td>
<td><a href="http://jd.com">点击跳转</a></td>
</tr>
<tr>
<td>2</td>
<td>水果</td>
<td><ul>
<li>红富士</li>
<li>蛇果</li>
</ul></td>
<td>斤</td>
<td><img src="images/apple.jpg" style="width:100px"></td>
<td><a href="http://tmall.com">点击跳转</a></td>
</tr>
<tr>
<td>3</td>
<td>手机</td>
<td><ul>
<li>blackberry</li>
<li>window phone</li>
</ul></td>
<td>部</td>
<td><img src="images/phone.jpg" style="width:100px"></td>
<td><a href="http://jd.com">点击跳转</a></td>
</tr>
</table>
body>
</html>1.学习php为什么必须要掌握html?
php所呈现的所有功能效果都是通过html展现的；
2.为什么选择php开发动态网站；
php是弱类型语言，没那么严谨,比较松散,是比较容易入门的开发语言,上手快,开发块,迭代快,更新快;
</
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
