HTML学习之超链接

HTML超链接：

超链接是一个网站的重要元素之一，一个网站由多个页面组成，各页面之间是通过超链接来确定相互关系的，每个页面的地址都不同。

格式:<A>这是一个连接</A>

href设置超链接目标地址URL

name 在html文档中建立特定位置的名称

target设置被链接的网页打开时的窗口_blank/_parent/_self/_top

accesskey设置超链接的快捷键

title设置超链接的说明文字

style运用css样式设置超链接文字样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body >
   <marquee direction="right" behavior="alternate" bgcolor="#3333FF">
   hello,great boy.......
   </marquee>

   <a href="http://www.baidu.com" accesskey="q" name="abc" title="点击进入百度" target="_top">html超链接</a>
</html>

HTML超链接的锚点：是指同一页面中的不同位置链接。

一个网页的内容很长，我们就可以在网页的顶部设置一些锚点，这样便可以方便浏览者点击相应的锚点，到达本页内相应的位置，而不必在一个很长的网页里自行寻找。

测试实例如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body >
   <marquee direction="right" behavior="alternate" bgcolor="#3333FF">
   hello,great boy.......
   </marquee>
   <a name="test1.html"></a>
   test1.html
   <hr>
   <a href="http://www.baidu.com" accesskey="q" name="abc" title="点击进入百度" target="_top">html超链接</a>

   <a href="test1.html#name2" name="name1">页面内的描点一</a>
   <br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br>
   <a href="test1.html#name1" name="name2">页面内的描点二</a>
   <br><br><br><br><br><br><br><br><br><br><br><br>
   <a href="hello.html#abc" name="cba">页面外的描点一</a>
   <br><br><br><br><br><br><br><br><br><br><br><br>

</html>

第二个页面：

<HTML>
   <HEAD>
        <title>标题部分</title>
   </HEAD>
   <BODY>
   <a name="abc"></a>
     这是我的第一个html页面哦
   </BODY>
</HTML>

时间： 2024-09-30 09:08:21

HTML学习之超链接的相关文章

如何提高你的学习速度-超链接式学习法

标签:超链接式学习. 递归式学习. 脑图式学习前提:你有足够的时间原理:(其实很简单) 当你在学习一项不会的技能时,你会去搜索相关的文章,找到一篇你觉得不错的关于该技术的文章后(这需要你有一定的鉴别能力), 在阅读该文章时你很可能会碰到新的不会的技术点,接下来你就可以用同样的方法再去进行新一轮的搜索和学习,就仿佛该文章中碰到的所有新的技术点都有一个超链接,你点下后就会带你去新的技术介绍页面.或者,你也可以叫这种方法叫递归式学习,就好像编程里面的递归算法,层层深入下去,由一个点

学习6 超链接/邮件发送标签

<!doctype html> <html> <body> <a href="http://www.w3school.com.cn/" target="_blank">w3school</a>  <p> <a href="mailto:[email protected]

使用Qt开发C/C++可用的库的记录

#include "devicecontrol.h" #include "yhplugin.h" static YHPlugin plugin; void setServer(const char *hostName, int port) { plugin.setServer(hostName, port); } #ifndef DEVICECONTROL_H #define DEVICECONTROL_H #if defined YHPLUGIN_LIBRARY

微信学习总结 08 文本消息中使用网页超链接

1 文本消息中使用网页超链接网页超链接的作用以及如何在文本消息中使用网页超链接 2. 具体实现刘峰博主的博文已经分析的很清楚了,直接去看就行了 .http://blog.csdn.net/lyq8479/article/details/9157455 3 补充视频请求消息 Video.java /** * 视频 */ public class Video { // 媒体文件id private String MediaId; // 缩略图的媒体id private String Thumb

Ext.Net 学习随笔 003 超链接按钮

HyperlinkButton() 1.不带图标的普通超链接按钮 @(X.HyperlinkButton() .Text("简单样式") .OnClientClick("Ext.Msg.alert('消息','超链接按钮的OnClentClick事件')") ) 2.调用DirectEvent的超链接按钮客户端代码 @(X.HyperlinkButton() .Text("调用DirectEvent") .DirectEvents(de =&g

css中关于超链接的部分学习心得

在<精通CSS>一书中,作者对于超链接部分的解说.1.在CSS中,两个规则的优先级一样高的时候,后定义的规则优先,所以对于超链接的几个伪选择器,一般的顺序是:a:link,a:visited,a:hover,a:focus,a:active:这个不用专门去记下来,当你做上几个简单的例子之后就会记下来了,实践出真知啊~2.可以用简单的图片来做出更炫的CSS超链接效果来,例如下划线.还可以做一些特殊的图标来表达连接的与众不同与样式.3.在CSS3中,可以通过子字符串匹配来寻找元素,更省力地完成更灵

HTML学习笔记5—超链接

1.超链接的基本格式格式:<a href=scheme://host[:post]/path/filename >-</a> scheme://host[:port]/path/filename scheme 指的是http,ftp,file,mailto,news,gopher,telnet七种 host 指的是IP 地址或计算机名称 port 指的是服务器端口 path 指的是文件路径 filename 指的是文件名 2.超链接的种类一般常用的分为四种: (1)http &

Django学习（六）---博客文章页面的超链接设置

Django中的超链接超链接的目标地址 href后面是目标地址 template中可以用 {% url 'app_name : url_name' param %} app_name:应用命名空间的名称 url_name:链接名 param:地址的参数 app_name和url_name 都在url中配置配置URL 根urls中,写在include()的第二个参数位置,namespace='blog' (这个应用的命名空间) 应用的url()的第三个参数位置,name='page' (

HTML学习笔记7：图片与超链接

①图片 <img/>标签,属性有: src,图片链接,分绝对路径和相对路径 width宽度 height,高度 ②超链接 <a> 内容描述 </a>标签,属性有: href,链接地址(空链接,值为#). target,打开链接的位置,属性值有:_self,当前网页中打开:_blank,打开一个标签:_top和_parent,于框架有关还没学到. title,链接提示,当鼠标移链接上时出现提示. name,链接命名,用于锚链接锚链接(书签): 跳转到同一个页