首页 > 代码库 > 学习php的第四天

学习php的第四天

   今天是学习php的第四天。由于花了一天的时间来装一个系统,而我对这个也并不是很了解,所以就不再赘述。只学习了如何设置链接。

   首先是几个定义。.表示当前所在目录,src图片地址。加载超链接 <a href=http://www.mamicode.com/...>。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="http://www.mamicode.com/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>


   由于各种原因,今天只写这一点东西 。明天继续!  



   

学习php的第四天