HTML 超链接(a标签、锚)

2018-05-31|来源:

a标签: anchor锚
   1.超链接 -> 点击之后跳转页面
       格式: 协议名+资源
            http://www.baidu.com(我们常用的)
            mailto : xx@itcast.cn 发送邮件
            thunder:  迅雷下载
            QQ:
            旺旺:


   2.锚 => 在当前页面中跳转例如:回到顶部 ==> 使用就是锚.

       1>做一个锚标记,使用a标签的name属性指定锚点名称. <a name="abc" >这是顶部</a>
       2>跳转到锚标记,使用href属性指定要跳转到的锚点.<a href="#abc" >回到顶部</a>


a标签中的属性

   href属性: 跳转的资源名 或 锚点名称
   name属性: 定义锚点时,指定锚点名称.
   target属性: 针对资源跳转时使用.
       该属性不指定==> 在当前页面打开.
       _blank : 在空白页打开.


示例:

<html>
<head>
<!-- 解决乱码,告诉浏览器 当前文档类型和编码 -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
     <a name="abc" >这是顶部</a>
     <a href="http://www.baidu.com" >百度</a><br/>
     <a href="06-图形标签.html" target="_blank" >06-图形标签.html</a><br/>
     <a href="mailto:xxx@itcast.cn" >联系我们</a><br/>
     <a href="thunder://EF16EA123123" >点击下载</a>
     <img src="haha (1).jpg"  alt="这是大长腿!" title="这是大长腿~~" /><br/>
     <img src="haha (2).jpg"  alt="这是大长腿!" title="这是大长腿~~" /><br/>
     <img src="haha (3).jpg"  alt="这是大长腿!" title="这是大长腿~~" /><br/>
     <img src="haha (4).jpg"  alt="这是大长腿!" title="这是大长腿~~" /><br/>
     <img src="haha (5).jpg"  alt="这是大长腿!" title="这是大长腿~~" /><br/>
     <a name="middle" ></a>
     <img src="haha (6).jpg"  alt="这是大长腿!" title="这是大长腿~~" /><br/>
     <img src="haha (7).jpg"  alt="这是大长腿!" title="这是大长腿~~" /><br/>
     <img src="haha (8).jpg"  alt="这是大长腿!" title="这是大长腿~~" /><br/>
     <img src="haha (9).jpg"  alt="这是大长腿!" title="这是大长腿~~" /><br/>
     <img src="haha (10).jpg"  alt="这是大长腿!" title="这是大长腿~~" /><br/>
     <a href="#abc" >回到顶部</a>
     <a href="#middle" >回到中间</a>
</body>
</html>


转自网络


相关问答

更多

Java jsoup在html上面获取了超链接,怎么通过超链接读取进入超链接之后的html?

将超链接的地址传入前台,然后访问到那个html之后,再去触发你抓取页面的方法就可以了。希望能帮到你,望采纳。

struts2+spring发送邮件显示html标签

这个应该是ckeditor控件的问题,他将你的输入自动转成html标签了。你可以用函数去除html标签 /** * 去除html代码 * * @param inputString * @return */ public static String HtmltoText(String inputString) { String htmlStr = noNullStr(inputString); // 含html标签的字符串 String textStr = ""; java.util.regex.P ...

java开发使用html5作为前端的问题

html5主要在移动端开发中使用 html5跟html没有太大的区别,一般标签都能通用的

html5入门要多久

首先你要认识到HTML5的地位,现在web开发,以至Native开发(借助Phonegap开发在Android上的App)都可以看到HTML5的身影,由此可见HTML5的影响力;然后就是HTML5已经废除了很多html4中的废标签,所以直接学习html5是完全没有问题的 打字不易,如满意,望采纳。

关于html的一些学习建议

html属于基础语言,div是HTML的基本标签,主要配合css样式设计网页布局用的,这是最基础的。 买书的话有点浪费,网上很多资源教学,你可以百度 后盾网 等网站找找网页布局 HTML基础什么的,w3school也有比较系统的教学和手册。新手还是从html4入手,掌握基础知识,html5就是添加了许多其他语言的功能,类似数据库 媒体 等集成化功能,目前用的也不算多,而且还不成熟,w3school里也有讲到html不同阶段的区别,总结说就是越来越规范,同XML接洽,也是好的编程习惯。 Javasc ...

html教程

相关文章

更多

最近更新

更多