使用<a>标签,链接到另一个页面

使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。

语法:

<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>

例如:

<a  href="http://www.rinpe.com"  title="点击进入Rinpe">click here!</a>

上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。

title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好),如右侧案例代码(8-12行)。

注意:还有一个有趣的现象不知道小伙伴们发现了没有,只要为文本加入a标签后,文字的颜色就会自动变为蓝色(被点击过的文本颜色为紫色),颜色很难看吧,不过没有关系后面我们学习了css样子就可以设置过来(a{color:#000}),后面会详细讲解。

示例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>了不起的盖茨比</title>
</head>
<body>
    <ul>
       <li><a href="#" title="前端开发面试心法">前端开发面试心法</a> </li>
       <li><a href="#" title="零基础学习html">零基础学习html</a></li>
       <li><a href="#" title="JavaScript全攻略">JavaScript全攻略</a></li>
    </ul>
    <p>1922年的春天,一个想要成名名叫尼克•卡拉威(<a href="http://www.m1905.com/mdb/star/3316/" title="托比•马奎尔">托比•马奎尔Tobey Maguire</a> 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的美国梦,他搬入纽约附近一海湾居住。</p>
    <p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
</body>
</html>
时间: 2024-11-05 22:42:34

使用<a>标签,链接到另一个页面的相关文章

ASP.NET MVC中如何在当前页面上弹出另外一个页面

注意:不是链接到另一个页面,而是弹出一个页面,当前的页面和弹出页面都存在于浏览器的同一个标签页中,效果如图: 弹出的窗体置于四大天王页面之上,但是无法继续操作底层的页面,代码如下: 1 function createDialog(src, width, height) { 2 var _doc_width = $(document).width(); 3 var _doc_height = $(document).height(); 4 var _html = "<div id='bg'

微信点击图文消息链接 在根据判断跳到另一个页面 但是 点关闭 将当前的关闭之后 会出现空白页

<script> function ss() { var u = navigator.userAgent; if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机location.href = '2.html?id=3323/#wechat_redirect'; } else if (u.indexOf('iPhone') > -1) {//苹果手机location.href = '2.html?id

input点击链接另一个页面,各种操作

1.链接到某页<input type="button" name="Submit" value="确 定" class="btn" onclick="location.href='filename.html'" />2.返回(等同后退)<input name="Submit2" type="button" class="btn"

利用PHP获取一个页面上的链接信息

开发中我们可能会获取某个页面或是一段内容中的链接信息,下面我分享一个我写的函数给大家,希望能帮到大家. 函数功能: 1.获取一段内容中链接信息: 2.获取一个URL中链接信息: 3.剔除锚链等无效的链接 4.获取当前域下的链接信息 5.获取他域下的链接信息 6.保留链接的文本信息 代码: /** * +---------------------------------------------------------- * 功能:获取一个网页或一段内容里面的链接信息 * +------------

每天一个JavaScript实例-提取所有链接并添加到页面末尾列表

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-提取所有链接并添加到页面末尾列表</title> <script> window.onload = function(){ var lin

一个页面导出多少链接为好?

究竟一个页面导出多少链接为好,目前没有一个待定的答案.因为一个页面的导出链接越多,就约会降低自身页面权重,如果这样来说,当然是越少越好.那干脆一个页面也不导出,是不是更好?非也. 为什么要做导出链接? 先看一下有哪几种导出链接:内容相关的导出链接 相关类的导出链接 固定链接 热点链接等做导出链接可以提高整体站内的链接活跃度,提高收率,对页面的长尾流量提升有不可估量的作用. 从以上看出做导出链接的必要性还是存在的,所以要做导出链接. 做多少链接合适? 要回答这个问题,我们首先要明白这个问题:某一个

如何将一个HTML页面嵌套在另一个页面中

这个在做网页中常要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页面只需要包含(引用)这个通用文件即可.这样便于维护,如果有很多网页,当通用内容需要修改时,只改一个文件就可以了,不需要每个文件单独修改. 最典型的应用比如页脚的版权信息等内容可以放在一个叫做footer.html文件里, 然后其他页面文件在页面内容的最后包含这个文件就可以了,具体例子下面有. 要html文件嵌套,最简单的办法是使用SSI(Server Side Include)技术,也就是在服务器端两个文件就被

&lt;a&gt;标签点击跳转页面不刷新的问题

作为一位前端新手,刚接触移动端开发不久,遇到的问题真的是一个接着一个... 前面写好了几个页面,今天试着将各个页面的链接打通,然后问题就来了...(╯︵╰) 这里看一下原来想要实现的两个页面跳转的效果--点击图一标注的栏目可以跳转到一个新的页面图二... 按照之前写a标签的跳转链接那样,直接输入相对路径,然后测试~ 页面跳转后出来的是图三,样式都没了???刷新看看,然后图二就出来了! 以为是浏览器反应慢的原因,然后拿其他页面做同样的测试,结果也是这样..... 然后试着不要SUI框架直接写个简单

用js通过url传参把数据从一个页面传到另一个页面

好长时间没写博客了,时值五一,外面到处人山人海,本宝宝还是好好呆在家学习吧.好了,言归正传.在没有后台支持的情况下,如何实现从一个页面像另一个页面来传递数据呢?应该很多人遇到过这个问题吧.那我就来说说我在项目中遇到的时候是如何解决的. 比如说,有两个页面,page1.html,和page2.html,在page1页面向page2页面传递数据可以通过hash值.上代码: page1.html的代码: 1 <!DOCTYPE html> 2 <html lang="en"