今天是学习php的第四天。由于花了一天的时间来装一个系统,而我对这个也并不是很了解,所以就不再赘述。只学习了如何设置链接。
首先是几个定义。.表示当前所在目录,src图片地址。加载超链接 <a href=...>。text-decoration意为链接装饰,用于去除下划线。
下面是代码。我用昨天的导航条为基础,给每个标题都设置了链接。代码如下。
<html>
<head>
<title></title>
<style>
div{height: 50px;width: 100%;background-color: blue;
}
li{
float: left;list-style: none;margin: 2px;height: 50px;line-height: 50px;
text-align: center;
}
ul{background-color: blue;
margin: 0 auto;text-align: center;height: 50px;width: 800px;
}
li:hover{
background-color: green;
}
a{text-decoration: none ;color: black;
}
</style>
</head>
<body>
<div>
<ul>
<li><a target="_blank"href="http://www.baidu.com" >滚动</a></li>
<li><a target="_blank"href="http://www.huya.com" >直播</a></li>
<li><a target="_blank"href="http://tv.cctv.com" >调查</a></li>
<li><a target="_blank"href="http://y.qq.com" >排行</a></li>
<li><a target="_blank"href="http://www.sina.com" >国际</a></li>
</ul>
</div>
</body>
</html>
还有如果想在跳转网页的时候想看到别的位置而不是顶部,可以给要跳转到的网页设置一个锚点,将链接给到锚点上。我用了转行来将一行字推到了底部。代码如下
<html>
<head>
<title></title>
<style type="text/css">
a{text-decoration: none ;
}
</style>
</head>
<body>
<a target="_blank" href="mc.html#b">2</a>
</body>
</html>
这是第一页的代码,下面是跳转页的。
<html>
<head>
<title></title>
</head>
<body>
<h2>小伟说自己carrry<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></h2>
<h3 id="b">小伟在底部</h3>
</body>
</html>
由于各种原因,今天只写这一点东西 。明天继续!