3.19Web前端作业

最新推荐文章于 2024-05-05 02:48:42 发布

豆沙睡不醒

最新推荐文章于 2024-05-05 02:48:42 发布

阅读量396

点赞数

文章标签： web html css

本文链接：https://blog.csdn.net/weixin_45675097/article/details/104966611

版权

<!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中实现图片的滚动效果

豆沙睡不醒

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
3.19Web前端作业

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>3.19Web上机作业1</title></head><body> <h4 align="center">apple网站</h4>...
复制链接

扫一扫