HTML——链接标记

来源:互联网 发布:终极算法 mobi 编辑:程序博客网 时间:2024/05/20 17:27

1、链接标记的锚功能
这里主要就是<a></a> 标签,用于定位,常和href并用。
举例:点击链接分别链接到头部和中间位置;

<a name ="_abc"></a>    <a href="#_abc">回到顶部</a>&nbsp;<a href="#_cde">回到中间</a>#代表当前页
<html><head>    <title>图形标记</title>    <meta http-equiv="Content-Type" content ="text/html; charset=utf-8"></head><body>    <!--A标签的锚点功能 -->    <a name ="_abc"></a>    <img src = "html.jpeg" border="1" width="300" height="300" alt = "哈哈" title="嘿嘿"/><br/>    <img src = "html.jpeg" border="1" width="300" height="300" alt = "哈哈" title="嘿嘿"/><br/>    <img src = "html.jpeg" border="1" width="300" height="300" alt = "哈哈" title="嘿嘿"/><br/>    <img src = "html.jpeg" border="1" width="300" height="300" alt = "哈哈" title="嘿嘿"/><br/>    <a name="_cde"></a>    <img src = "html.jpeg" border="1" width="300" height="300" alt = "哈哈" title="嘿嘿"/><br/>    <img src = "html.jpeg" border="1" width="300" height="300" alt = "哈哈" title="嘿嘿"/><br/>    <img src = "html.jpeg" border="1" width="300" height="300" alt = "哈哈" title="嘿嘿"/><br/>    <a href="#_abc">回到顶部</a>&nbsp;<a href="#_cde">回到中间</a></body></html>

2、链接标记的另类表现

target="_blank当点击链接以后会再开一个页面。
<html><head>    <title>图形标记</title>    <meta http-equiv="Content-Type" content ="text/html; charset=utf-8"></head><body>    <a href = "02-排版标记.html" target="_blank">点我</a><br/>    <a href="http://www.baidu.com" target="_blank">百度</a><br/>    <a href="mailto:jungle1992@163.com" target="_blank">邮箱</a><br/>    <a href="thunder://E#433" target="_blank">迅雷下载</a><br/></body></html>
0 0