当我们在网页中点击一个链接时便发生了页面跳转动作 , 例如点击三思经验网首页中的任意分类 , 便可以进入到该分类的专题页面 , 这种跳转动作便是网页超链接实现的 。我们使用html语言编辑网页 , 使用html的<a>标签实现网页的超链接 , 下面为您介绍<a>标签的具体用法 。
![怎么用做网页的超链接](http://pic.yunnanlong.com/220925/220031ED-0.jpg)
操作方法
- 01在学习超链接之前我们需要了解URL(Uniform Resource Locator)的概念 , 每一个文件在互联网上有唯一的地址 , 该地址被称为统一资源定位符(URL) 。URL格式为:http://host[:port]/path/filename , http表示通过HTTP协议来定位网络资源 , host表示合法的Internet主机域名或IP地址 , port为指定的端口号 , 若port为空 , 则缺省端口为80 , path为文件夹的路径(绝对路径和相对路径) , filename为文件名 。我们在html中使用代码<a href=https://www.jinnalai.com/jingyan/"http://zhinan.sogou.com/" target="_target" >链接到三思经验网首页实现超链接 , href的内容便是一个URL 。我们在html编辑器中某个文件任意位置点击右键 , 选择Open in Browser即可打开网页 , 如下图所示 。以下所有步骤在编辑完代码后均需要该操作 。
- 02html<a>标签的语法:<a href=https://www.jinnalai.com/jingyan/"网址、链接地址" target="目标" title="说明">被链接内容 。href为相对路径或绝对路径或具体的网页URL地址 。taget值可以省略 , 常用的有以下三种:_blank表示在新窗口中打开链接;_parent表示在父窗体中打开链接;_self在当前窗体打开链接 , 此为缺省值 。target值为_blank时 , 我们点击超链接会在新的页面打开超链接的内容 。步骤1中点击链接跳转到了三思经验网首页 , 点击左侧的返回按钮即可返回链接所在的页面 。_parent和_self则在原来的页面打开链接的页面 , 原来的页面不复存在 。
- 03title的值为链接的说明 , 我们将鼠标放在链接上时才会出现此说明信息 , 如下图所示 。另外需要注意的是<a></a>标签之间必须有文字 , 即显示的链接文字 , 若无则显示不了超链接 。
- 04<a>标签的作用不止是跳转到其他的页面 , 还可以实现跳转到当前页面的指定位置 , 在页面过长 , 需要占到三四个屏幕时使用较多 。实现方式有两种 , 下面将分别介绍 。第一种为同页面添加锚文本 , 可实现同页面内上下跳转到指定位置 。我们同样使用<a>标签来定义锚 , 即要跳转到的位置 , 代码为:<a name="pos">要跳转的位置</a> , 这里定义的锚名字为pos , 我们在页面的另一个地方定义一个超链接来指定锚 , 代码为:<a href=https://www.jinnalai.com/jingyan/"#pos"> , 注意href#后的内容要和锚的name属性值一致 。
推荐阅读
- vi编辑器命令怎么用
- Excel中的count函数怎么用
- 华为荣耀盒子怎么用
- 怎么在家用电视、机顶盒、盒子唱歌卡拉OK
- 怎么用我来做设计衣服
- 干海参泡发的正确方法,干海参泡发后怎么吃
- 花胶怎么去除腥味,花胶腥味重是好胶吗
- 鸡蛋怎么吃对身体好
- 三门青蟹怎么保存
- 牛肉沙拉的做法