HTML网页制作:创建超链接的方法

1.使用代码编辑软件创建以HTML结尾的文档。
2、编辑body/body中的代码,写入:ahref=urlLinktext/a,然后点击保存。
3、点击F12进行预览,或者直接点击代码编辑器中的小地球图标,然后点击第一个预览,如下图所示。
4.超链接创建成功。

怎么用做网页的超链接

当您点击网页上的链接时,就会发生页面跳转动作。
例如,点击搜狗导览首页的任意分类,即可进入该分类的主题页面。
这种跳跃动作是通过网页超链接来实现的。
我们使用html语言来编辑网页,并使用htmla标签来实现网页的超链接。
下面就为大家介绍一下a标签的具体用法。
在了解超链接之前,我们需要先了解URL(统一资源定位符)的概念。
每个文件在Internet上都有一个唯一的地址,称为统一资源定位符(URL)。
URL格式为:http://host[:port]/path/filename,http表示通过HTTP协议发现网络资源,host表示合法互联网主机的域名或IP地址,port表示指定端口number,如果port为空,则默认端口为80,path为文件夹路径(绝对路径和相对路径),filename为文件名。
我们使用HTML中的代码ahref="http://zhinan.sogou.com/"target="_target"链接到搜狗帮助主页/a来实现超链接。
href的内容是一个URL。
我们在html编辑器中右键单击文件中的任意位置,选择OpeninBrowser打开网页,如下图所示。
编辑代码后,以下所有步骤都需要执行此操作。
htmla标签的语法:ahref=“网站,链接地址”target=“目标”title=“描述”链接内容。
href是特定网页的相对或绝对路径或URL地址。
目标值可以省略,常用的有以下三种:_blank表示在新窗口中打开链接;_parent表示在父模块中打开链接;_self表示以当前表单打开链接,这是默认的。
当目标值为_blank时,当点击超链接时,超链接内容将在新页面中打开。
步骤一,点击链接进入搜狗帮助首页。
单击左侧的“后退”按钮可返回到链接所在页面。
_parent和_self在原始页面上打开链接页面,原始页面不再存在。
标题值是链接的描述。
只有当我们将鼠标放在链接上时,才会出现该描述信息,如下图所示。
另外需要注意的是a/a标签之间必须有一些文字,也就是显示的链接的文字。
如果没有超链接,则不会出现超链接。
a标签的作用不仅是跳转到其他页面,还可以跳转到当前页面的特定位置。
当页面太长并且需要占用三到四个屏幕时,通常会使用它。
实现方法有两种,下面介绍。
第一种方法是在同一页面中添加锚文本,锚文本可以在同一页面内的指定位置上下跳转。
我们还使用a标签来定义锚点,即跳转到的位置。
代码为:aname="pos"这里定义的锚点的名称是页面上的pos位置。
要将锚点指定为超链接,代码为:ahref="#pos"。
注意href#后面的内容必须与锚点名称属性的值一致。
另一种方法需要使用id属性。
id属性可用于在HTML文档中创建书签标签。
书签不会出现在HTML文档中。
下面我们利用id属性来实现返回页面顶部的功能。
我们使用跳转位置处的代码:spanid="top"/span和超链接位置处的代码:ahref="#top"。
返回top/abr,同样href#后面的值必须与id属性的值一致。
此外,span标签不是必需的,任何具有id属性的标签都可以使用。
a标签不仅可以跳转到本页面的指定位置,还可以跳转到其他页面的指定位置。
例如,我们在一个页面上使用id属性来标识当前位置,代码为:pid=“mubiiao”newday/p,在另一个页面上我们使用代码ahref=“2.html#mubiao”来放置/a在其他页面获取超级链接,注意现在的href值怎么写。
使用a标签为图片添加超链接,点击图片即可跳转到指定页面。
我们在a标签中添加img标签,用于在网页上显示图片,src的值是图片的位置,可以是绝对路径,也可以是相对路径。
下面的图片文件使用的是相对路径,点击文字下面的图片即可跳转。
使用a标签实现邮件链接与URL链接类似:格式为:mailto:邮箱地址,现代代码为:ahref=mailto:11111@qq.com邮件投递/a当您打开网页,点击链接上会出现写邮件窗口,可以使用邮件客户端打开,如下图所示。