链接网页的作业

最新推荐文章于 2024-08-28 23:58:56 发布

不懂的皮诺曹

最新推荐文章于 2024-08-28 23:58:56 发布

阅读量251

点赞数

分类专栏： html 大一作业文章标签： css html javascript

本文链接：https://blog.csdn.net/weixin_64335574/article/details/124935607

版权

大一作业同时被 2 个专栏收录

3 篇文章 1 订阅

订阅专栏

html

2 篇文章 1 订阅

订阅专栏

简单的使用链接转到网页，更新页面。

鼠标在元素悬停时会改变

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
	<style>
		span{
			
			display: inline-block;
			width: 200px;  
			font-size: 25px;   
			color: #ECE3E3;  
			text-align: center;  
			letter-spacing:5px;  
		}
		span:nth-child(2n){     
			background-color:#69B8C7  
			
		}
		.centen{
			text-align: center;
			width: 25%;
		}	
	li{
			width: 100%;
			font-size: 20px;
			background-color: #48B2D7;
		}
	
	li:nth-child(2n){     
			background-color:#D7E453  
			
		}
	
	img {
			width:900px;
			height:450px;
			left: 50%;
			margin-left: 250px;
	
		}		
	
	</style>
<body>
	<h1 align="center">老涵本人的歌单</h1>
	<a   href="https://music.163.com/#/artist?id=31250007"  >老涵本人</a>
		<style type="text/css">
			a{margin-right: 20px; }
			a:link{
				color: #E70C10;	
				
			}
			a:visited{
				color:#0E34EB;
			
				}
			a:hover{
				color:#1CE638;
				font-size: 40px;
				
			}
			a:active{
				color:#AB0DEE;
			}
	
		</style>
	<a href="https://music.163.com/#/artist?id=31250007"><img src="tu ku/7f523eb133d1bf98104c281b1ef4502.png" ></a>
	<style type="text/css">
		a:hover img{
			width:800px;
			height: 400px;
		}
		.submenu {
			display: none;
		}
		.menu -item a:hover .submenu{
			display: block;
		}
	</style>
	<span style="background-color: #4046CA" class="conten">热门推荐</span><span style="background-color: #5689C9" class="conten">所有专辑</span><span style="background-color: #4046CA" class="conten">相关MV</span><span style="background-color: #5689C9" class="conten">艺人介绍</span>
	<h1>歌单内容</h1>
		<ul>
			<dt>歌手简介</dt>
				<dd >
					<dd>个人介绍：如果不知道叫我什么 那就叫我老涵吧.
						所在地区：江苏省 - 盐城市  年龄：00后
					</dd>
					<ul >
						<dd>这是我喜欢的歌手</dd>
						<dd>所以我推荐给你们</dd>
						<dd>这个歌手超棒的</dd>
					</ul>
			</dd>
		</ul>
		<ol>
			<li><a href="https://music.163.com/#/song?id=1916169367">我还是很喜欢你</a></li>
			<li><a href="https://music.163.com/#/song?id=1349750198">忽然之间</a></li>
			<li><a href="https://music.163.com/#/song?id=1371517016">你来到我生命之后</a></li>
			<li><a href="https://music.163.com/#/song?id=1340377545">谁</a></li>
			<li><a href="https://music.163.com/#/song?id=1444495447">苛求快乐</a></li>
			<li><a href="https://music.163.com/#/song?id=1843027626">心照不宣的礼貌</a></li>
		</ol>
</body>
</html>

不懂的皮诺曹

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
链接网页的作业

简单的使用链接转到网页，更新页面。鼠标在元素悬停时会改变<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head> <style> span{ display: inline-block; width: 200px; font-size: 25px; c
复制链接

扫一扫

专栏目录