html超级链接（看张鹏老师的视频课程后所总结的）

ゝ一世哀愁。 2022-08-13 00:44 78阅读 0赞

一、超级链接基本语法：

<a href="链接目标" title=“鼠标放上面出现的文字” target=“打开链接窗口的形式（在新窗口还是自身窗口）”>显示内容</a>

\_blank：在新窗口中打开

\_self：在自身窗口中打开（默认值）

例如：给文字“百度”加一个超级链接http://www.baidu.com，要求鼠标放上去出现“百度一下，你就知道！”文字，且是在新窗口打开。

答：<a href="http://www.baidu.com" title=“百度一下，你就知道！” target=“\_blank”>百度</a>

\*\*\*\*\*\*链接一般都是在新窗口中打开，即 target=“\_blank”；

\*\*\*\*\*\*要有回路，例如让每个页面都有首页链接文字<a href="首页网址">首页</a>，这样一点击“首页”链接文字就回到首页了；

\*\*\*\*\*\*相关链接

二、链接的类型：

1、站内链接：当前文档与目标文档在同一站点内

<a href="目标文档的位置及全称">

例如，页面1.html和页面2.html位于同一站点下（同一个站点文件夹下），网页w1.html里有文字“点它将链接到w2.html页面”，

答：<a href="w2.thml">点它将链接到w2.html页面”</a>

2、站外链接：当前文档与目标文档不在同一站点内

<a href="URL(网址)">

例如：将自己制作的网页1.html里的文字“点它将链接到百度页面”链接到百度页面

答：<a href="http://www.baidu.com">点它将链接到百度页面</a>

3、E-mail(邮箱)链接：并允许访问者向指定的地址发送邮件。

<a href=“mailto:电子邮件地址”>

例如：点击超级链接“给我写信”文字，就会启动邮件发送的软件，自动给你发送邮件。

答：<a href="mailto1326461897@qq.com">给我写信</a>

4、锚点链接：\----可以跳转到某个页面的某个位置（补：百度百科用的最多）

分两步：(1)创建锚点：<a name="锚点名称">显示内容</a>

(2)链接锚点：<a href="\#锚点名称">显示内容</a>

例1，点击百度百科里目录里“百科词条”这个小目录，就自动跳转到百度词条的解释位置

答：(1)在百科词条开始内容那里写 <a name="baikecitiao"></a>

(2)在小目录百科词条那里写 <a href="\#baikecitiao">百科词条</a>

例2，页面1.html和页面2.html在同一个站点下，当点击页面1.html里的文字“百度词条”时，它会自动跳转到页面2.html的百度词条内容的位置。

答：<a href="1.html\#baikecitiao">百度词条<a>

5、空链接：就是没有目标端点的链接。(一般用空链接做一些特效效果)

<a href="\#">显示内容</a>

两个常用的空链接：设为首页和添加收藏

\+++设为首页：

<a href="\#" onClick="this.style.behavior='url(\#default\#homepage)';this.sethomepage('http://www.sohu.com')">设为首页</a>

\+++添加收藏：

<a href="\#" onClick="javascript:window.external.addfavorite('http://www.sohu.com','搜狐')">加入收藏夹</a>

例1，把百度页面设为首页

答：<a href="\#" onClick="this.style.behavior='url(\#default\#homepage)';this.sethomepage('http://www.baidu.com')">设为首页</a>

例2，把百度网页加入收藏夹

答：<a href="\#" onClick="javascript:window.external.addfavorite('http://www.baidu.com','百度')">加入收藏夹</a>

6、脚本链接：是一种特殊的链接，当单击设置脚本链接的文本或图像时，可以运行相应的JavaScript语句。

常用的脚本链接：

例如：<a href="javascript:window.open('http://www.163.com')">新浪</a>

关闭窗口：输入javascript:window.close()

打开窗口：输入javascript:window.open('文件名')(补：window是对象，open是方法，括号里是要打开的网址或窗口文件。打开的时候和超级链接是一样的，只是返回的时候，页面内容变成\[object\])

例如:当点击”打开窗口“文字时，打开到百度窗口；点击”关闭窗口“文字时，关闭这个窗口

答：<a href="javascript:window.open('http://www.baidu.com')">打开窗口</a>

<a href="javascript:window.open()">关闭窗口</a>

发表评论取消回复

表情：

评论列表（有 0 条评论，78人围观）

还没有评论，来说两句吧...

相关阅读

相关 html5中如何添加超级链接

HTML 5 <a> 标签定义和用法 <a> 标签定义超链接，它用于从一个页面连接到另一个页面。 HTML 4.01 与 HTML 5 之间的差异在 H

灰太狼/ 2022年09月17日 05:27/ 0 赞/ 215 阅读

相关笔记4_看张鹏老师html+css视频所得

1、网页布局：（1）网页如何去排版(布局)\---传统通过table进行排版----主流是通过xhtml+css布局（2）布局的核心思想：

太过爱你忘了你带给我的痛/ 2022年08月14日 03:52/ 0 赞/ 100 阅读

相关笔记3_看张鹏老师html+css视频所得

三、html文档结构 1、做网页的----要用html文件----用浏览器打开 2、所有html文件都有一个结构（框架、骨架）

快来打我*/ 2022年08月14日 03:51/ 0 赞/ 88 阅读

相关笔记2_看张鹏老师html+css视频所得

二、html标记的类型：单标记与双标记 1、单标记（1）<标记名称> 单一型，无属性值如：<br /> （2）<标记名

ゝ一纸荒年。/ 2022年08月14日 03:51/ 0 赞/ 85 阅读

相关 css应用给网页的4种方式（看张鹏老师的视频课程后所总结的）

1、让文字垂直居中html代码： ![20141017011201259][] 2、css应用给网页的四种方式：第1种：行内样式：应用于一个

末蓝、/ 2022年08月13日 10:00/ 0 赞/ 121 阅读

相关 html超级链接（看张鹏老师的视频课程后所总结的）

一、超级链接基本语法： <a href="链接目标" title=“鼠标放上面出现的文字” target=“打开链接窗口的形式（在新窗口还是自身窗口）”>显示内容</a>

ゝ一世哀愁。/ 2022年08月13日 00:44/ 0 赞/ 79 阅读

相关 css基本语法结构（看张鹏老师的视频课程后所总结的）

1、css基本语法结构：选择符（即选择器）\{属性:属性值;\} 例如：body\{font-size:12px;\} 2、为了将来的css代码优化，建议，所

╰+攻爆jí腚メ/ 2022年08月10日 12:54/ 0 赞/ 86 阅读

相关笔记1_看张鹏老师html+css视频所得

网页设计师：包括设计（PS网页效果图设计、Flash网页动画设计）和制作（Html、Xhtml、DIV+CSS和Javascript、JQuery）一、

妖狐艹你老母/ 2022年08月10日 11:49/ 0 赞/ 113 阅读

相关 css选择符的分类：共分8种-----看张鹏老师视频PPT课件所得

1、标签（类型）选择符：就是针对html文档中的标签（哪些html标签应用哪些css样式）标签\{属性：值\}

末蓝、/ 2022年08月06日 00:11/ 0 赞/ 99 阅读

相关 css3种布局方式：默认文档流、浮动布局、定位布局-----看张鹏老师视频笔记

> > > > 一、css布局的方式： > > > > > > > > 1、默认的，就是按文档流的顺序，即按html的结构顺序。 > >

骑猪看日落/ 2022年08月05日 19:29/ 0 赞/ 144 阅读