<!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中實現圖片的滾動效果