3.19Web前端作业

<!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>&nbsp;
		<a href="https://www.baidu.com/?tn=78000241_9_hao_pg">新闻</a>&nbsp;
		<a href="https://www.baidu.com/?tn=78000241_9_hao_pg">hao123</a>&nbsp;
		<a href="https://www.baidu.com/?tn=78000241_9_hao_pg">地图</a>&nbsp;
		<a href="https://www.baidu.com/?tn=78000241_9_hao_pg">视频</a>&nbsp;
		<a href="https://www.baidu.com/?tn=78000241_9_hao_pg">贴吧</a>&nbsp;
		<a href="https://www.baidu.com/?tn=78000241_9_hao_pg">学术</a>&nbsp;
		<a href="https://www.baidu.com/?tn=78000241_9_hao_pg">登录</a>&nbsp;
		<a href="https://www.baidu.com/?tn=78000241_9_hao_pg">设置</a>&nbsp;
	</p>
	<center>
		<img src="11222.png">
	</center>
	<p align="center">有问题反馈请<a href="https://blog.csdn.net/weixin_45675097">发送邮件</a>
	</p>
</body>
</html>

在这里插入图片描述
参考博客:如何在HTML中实现图片的滚动效果

posted @ 2020-03-19 15:45  OvO1  阅读(67)  评论(0编辑  收藏  举报