HTML学习之超链接

最新推荐文章于 2024-06-25 15:11:22 发布
最新推荐文章于 2024-06-25 15:11:22 发布
阅读量1.3k 收藏
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chun_1959/article/details/39157801
版权

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>


p.c.wang
关注
专栏目录
HTML代码实例：详细讲解超级链接--网页制作
gxj022的专栏
09-23 6104
【转】http://www.webjx.com/html-xhtml/webxhtml-10153.html 超级链接是网站中使用比较频繁的HTML元素，因为网站的各种页面都是由超级链接串接而成，超级链接完成了页面之间的跳转。超级链接是浏览者和服务器的交互的主要手段，在后面的技术中会逐步深化学习。—  注意：图片也可以做链接，将在下一章“网页中的图片”详细学习。 4.5.1  给文
重点学习html的列表和超链接
qq_47651772的博客
11-17 396
超链接:可以是一个字，可以是一个块元素，可以是图片，可以是任何内容,特殊的行内元素，可以包裹任何元素，除了它自己。3、a标签的属性有哪些， 其中target属性，有哪些属性值，能达到什么效果，a标签的路径问题。1、块元素主要是用来布局，里面可以放任何元素,块元素、行内元素、行内块元素。dl，dt，dd，都是配套使用，不要混合使用。section 独立的区块，上面的标签都不合适，就用这个 ，用来代替div。">空链接2绝对地址：不管你的html文件在哪里，超链接去的地方是确定的，是绝对的。
第二天，超链接和路径的学习
qq_30545445的博客
03-27 144
&lt;!DOCTYPE html&gt;&lt;html lang="zh-cn"&gt;&lt;head&gt; &lt;meta charset="utf8"&gt; &lt;title&gt;超链接和路径&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;!--&lt;a href=&
【HTML】HTML中对于文字的修饰
04-19 2920
一个网页大多由以下要素构成：文字、图片、表格、动画及声音。在这些元素中，文字是十分重要的。下面我们就逐一讲述涉及文字的标记。☆字号对于字号的修饰：1. <small>和</small> 小字号 2. <big>和</big> 大字号 3. <font size=n> 字体 4. <basefont size=n> 默认字体 5. <sub>和</sub> 向下标记 6. <sup>和</sup> 向
复习时的回顾
xidongdong0806的博客
10-24 131
对类的一些整理： 1. *以self为前缀的变量都可供类中的所有方法使用，可以通过类的任何实例来访问这些变量。* 2. 类中的每个属性都必须有初始值，即使这个值为0或空字符。 对文件的读取： 1.方法readlines()从文件中读取每一行，并将其存储在一个列表中。 2.打开文件时： ① ‘r’ 读取模式 ② ‘w’ 写入模式 ③ 'a' 附加模式，，将内容附加到文件末尾，而不是覆盖文件原来的美容。 ④ ‘r+’ 能够读取和写入文件 **注意：在②的模式中，如
web基础知识,图像和链接,结构标记
Dog_sss的博客
05-31 342
每天学习的记录     我的第二个HTML页面          文档片段                               问题                               方案                               实现                               扩展
HTML学习之超链接标签学习
独狼的博客
06-12 239
<html> <head> <title>超链接标签学习</title> <meta charset="UTF-8"/> </head> <body> <h3>超链接标签学习</h3> <hr /> <pre> 超链接标签学习: a标签: href:要跳转的网页资源路径 本地资源:相对路径 网络资源:
【HTML学习】超链接
最新发布
weixin_42206314的博客
06-25 573
超链接是互联网的一个特性，可以从一段文字、一张图片跳转到其它HTML 文件、文本文件、图像、文本文档、视频和音频文件以及可以在网络上保存的任何其他内容，也可以跳到当前文档的指定部分，正是超链接，让互联网成为可能。
HTML基础知识——设置超链接的样式简单实例
09-28
HTML是HyperText Markup Language的缩写，是一种用于创建网页的标准标记语言。...希望这个实例能对你理解HTML超链接样式有所帮助，更多关于HTML和CSS的学习资源可在网络上找到，持续学习和实践是提高技能的关键。
HTML基础之文本与超链接
03-19
学习web云端技术的可以看下
HTML框架标签超链接标签控件标签学习课程.pptx
09-30
HTML框架标签超链接标签控件标签学习课程.pptx
HTML框架标签超链接标签控件标签学习教案.pptx
09-30
HTML框架标签超链接标签控件标签学习教案.pptx
前端学习（HTML）--超链接2
weixin_55904436的博客
12-04 793
本人学习笔记勿扰
HTML学习之有序列表、无序列表和自定义列表
chunlovenan的专栏
09-09 6669
列表分成三种类型：有序列表、无序列表和自定义列表。 有序列表使用编号来记录项目的顺序 无序列表使用项目符号来记录无序的项目 自定义列表它由两个部分组成：定义条件和定义描述。 有序列表：   项目一   项目二   ....     type   1 阿拉伯数字   a英文小写   A英文大写   i罗马小写数字   I罗马大写数字   start编号
HTML学习之表格
chunlovenan的专栏
09-10 1068
HTML建立表格： §使用表格可以划分页面的布局 格式：.. 表格中的一行数据  表格中的二行数据  表格中的三行数据  测试实例如下： 标题 表格中的一行数据表格中的一行数据 表格中的二行数据表格中的二行数据 表格中的三行数据表格中的三行数据 标签的属性： border  设置表格边框 cap
HTML学习笔记（2）---文字标签
chunlovenan的专栏
09-09 1062
文字是网页设计的基础部分，设置好文字的样式，可以起到事半功倍的效果，通常可以使用两种方法。    第1种方法是直接使用HTML标记进行设置，如:使用粗体标记将文本设置为加粗样式。    第2种方法是使用css，层叠样式表。   HTML定义了6级标题，1-6级，标题文字随级数增大依次减小。   h1的效果   h2的效果   h3的效果   h4的效果   h5的效果   h6的
HTML学习笔记（3）之段落
chunlovenan的专栏
09-09 1020
HTML段落设置 段落标记，一般情况下在每个段落的前面加上一个标记可以区分段落，又可以换行。 之后的文字将在下一行显视。 设置水平线。 标记所有包含的内容，将以居中对齐的方式显示在网页中。 标签可以把原文件中的空格,回车,换行,tab键表现出来 标记将取消浏览器由于窗口大小变化而换行。 在HTML文档中加入标记，使标记内的HTML标记不起作用。 举例如下： 标题
HTML学习之表单
chunlovenan的专栏
09-09 1018
HTML表单 表单是HTML的一个重要部分，主要用于采集和提交用户输入的信息。   1、name：   设置表单的名称。   2、action：  设置表单的处理程序的URL。   3、method：提交表单的方法。 HTML    表单中常用的标记： 输入域一般在表单中使用 1、输入单行文字 2、输入密码 3、单选按钮 4、多选按钮 5、图片
HTML超链接与锚点详解
本章的目标是让学习者掌握如何使用HTML创建超链接，特别是如何设置锚点，以便实现页面内部的跳转。 首先，超链接是一种连接源端点（如文本或图像）与目标端点（可以是网页、文件、图像等）的机制。根据目标端点的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值