<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3.19Web上机作业1</title> </head> <body> <h4 align="center">apple网站</h4> <hr width="100%" size="3" color="#00EC00"/> <table> <tr> <td><img src="319.jpg"/></td> <td><img src="319.jpg"/></td> <td><img src="319.jpg"/></td> <td><img src="319.jpg"/></td> </tr> </table> <hr width="100%" size="3" color="#00EC00"/> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3.19Web上机作业1</title> </head> <body> <h2 align="center" color="red"><font color="red">动漫女头图片</font></h2> <center> <img src="319.jpg" align="center"/></br> <a href="https://blog.csdn.net/weixin_45675097" align="middle">动漫女头1</a></br> <img src="319.jpg" align="center"/></br> <a href="https://blog.csdn.net/weixin_45675097" align="middle">动漫女头2</a></br> <img src="319.jpg" align="center"/></br> <a href="https://blog.csdn.net/weixin_45675097" align="middle">动漫女头3</a></br> <img src="319.jpg" align="center"/></br> <a href="https://blog.csdn.net/weixin_45675097" align="middle">动漫女头4</a></br> </center> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3.19Web上机作业1</title> </head> <body> <h2 align="center">葫芦娃集结号</h2> <hr width="100%" size="3" color="#00EC00"/> <marquee onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"> <img src="1.jpg" border="2" bgcolor="#00EC00"> <img src="2.jpg" border="2" bgcolor="#00EC00"> <img src="3.jpg" border="2" bgcolor="#00EC00"> <img src="4.jpg" border="2" bgcolor="#00EC00"> <img src="5.jpg" border="2" bgcolor="#00EC00"> <img src="6.jpg" border="2" bgcolor="#00EC00"> <img src="7.jpg" border="2" bgcolor="#00EC00"> </marquee> <hr width="100%" size="3" color="#00EC00"/> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3.19Web上机作业1</title> </head> <body> <center> <img src="111.jpg" width="300" height="300" usemap="#ing"> <map name="ing"> <area shape="circle" href="https://blog.csdn.net/weixin_45675097/article/details/104093182" coords="50,50,30" title="博客"></area> </map> </center> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3.19Web上机作业1</title> </head> <body> <center> <a href="https://www.baidu.com/?tn=78000241_9_hao_pg" title="百度一下，你就知道"> <img src="百度.png"/> </a> </center> <p align="center"> <a href="https://www.baidu.com/?tn=78000241_9_hao_pg">抗击肺炎</a> <a href="https://www.baidu.com/?tn=78000241_9_hao_pg">新闻</a> <a href="https://www.baidu.com/?tn=78000241_9_hao_pg">hao123</a> <a href="https://www.baidu.com/?tn=78000241_9_hao_pg">地图</a> <a href="https://www.baidu.com/?tn=78000241_9_hao_pg">视频</a> <a href="https://www.baidu.com/?tn=78000241_9_hao_pg">贴吧</a> <a href="https://www.baidu.com/?tn=78000241_9_hao_pg">学术</a> <a href="https://www.baidu.com/?tn=78000241_9_hao_pg">登录</a> <a href="https://www.baidu.com/?tn=78000241_9_hao_pg">设置</a> </p> <center> <img src="11222.png"> </center> <p align="center">有问题反馈请<a href="https://blog.csdn.net/weixin_45675097">发送邮件</a> </p> </body> </html>
参考博客：如何在HTML中实现图片的滚动效果
