如何用html制作给人网页 源代码

如何用html制作给人网页 源代码,第1张

1)

贴图:<img src="

图片地址:">

2)

加入连接:<a href="

所要连接的相关地址:">

写上你想写的字:</a>

3)

在新窗口打开连接:<a href="

相关地址" target="_blank">

<!DOCTYPE

html>

<html>

<head>

<meta

charset="utf-8"

/>

<title>给人网页</title>

</head>

<body>

<h1>给人网页</h1>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="description" content="" />

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>水印测试</title>

<style>

.div{

  position:relative

  width:300px

  height:300px

  background:url(img/1.jpg) no-repeat left top

  background-size:100%

  

}

.div .ico{

  width:100px

  height:100px

  position:absolute

  right:10px

  bottom:10px

  display:none

  background:url(img/1.png) no-repeat left top

  background-size:100px

}

.div:hover .ico{

  display:block

}

</style>

</head>

<body>

<div class="div">

     <div class="ico"></div>

    </div>

</body>

</html>

这个是用纯css实现的,换成图片一个道理。

<html>

<head><title></title>

<style>

#a img{

     width:1160px

     height:677px

     margin:0 auto

     display:block

}

</style>

</head>

<body>

<div id="a"><img src="

</body>

</html>

你的要求


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7491090.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存