HTML超链接代码

HTML超链接代码,第1张

html超链接的写法是使用a标签,如:<a href="//www.baidu.com">百度一下,你就知道</a>。

在html中,a标签中的a(或者 A) 是 anchor 的缩写 。anchor的基本解释是锚,这些标签的作用是标明超连接的起始位置或目的位置。

<a>标签可定义锚,通过使用 href 属性。创建指向另外一个文档的链接(或超链接)通过使用 name 或 id 属性,创建一个文档内部的书签。<a>元素最重要的属性是href属性,它指定目标链接。

在所有浏览器中,链接的默认外观是,未被访问的链接带有下划线而且是蓝色的,已被访问的链接带有下划线而且是紫色的,活动链接带有下划线而且是红色的。

扩展资料:

Html中a标签伪类:

1、a:link {color: #FF0000}

未访问的链接样式。

2、a:visited {color: #00FF00}

已访问的链接样式。

3、a:hover {color: #FF00FF}

当有鼠标悬停在链接样式。

4、a:active {color: #0000FF}

被选择的链接样式。

参考资料来源:百度百科-a (HTML语言标签)

当网页内容太长或要导航到其它页面的一个具体位置时,可以使用  Html 中书签。具体使用方法如下:

1、同一个web页面链接首先设计书签、<a name=”top”></a>在不同位置定义,<a href=”#top”>返回到top位置</a>。

2、不同的页面之间转接,如果是在不同的页面之间链接时要在href属性中加上网页名称,First.html中定义了书签,<a name=”top”>Top的位置</a>。

3、现在要从Second.html中转入First.html并且将位置定到top所在的位置,可以设置,<a href=”first.html#top”>return first Top</a>。

拓展资料:

HTML 超链接(链接)介绍:

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

我们通过使用 <a>标签在 HTML 中创建链接。

有两种使用 <a>标签的方式:

1、通过使用 href 属性 - 创建指向另一个文档的链接

2、通过使用 name 属性 - 创建文档内的书签

参考资料:HTML链接_W3Cschool

HTML输入框输入后变成文本是通过输入后失去焦点,更改为label嵌套input来实现的。

实现思路:当输入文本后,隐藏input对象,然后把文本内容追加到label标签内。

实现代码:

1、html代码:

<!DOCTYPE html>

<html>

<head>

<script src="jquery-1.8.3.min.js"/>

</head>

<body>

<label>

 <input type="text" name="输入后消失" id="input1"/>

</label>

</body>

</html>

2、js代码:

$(document).ready(function(){

$("#input1").blur(function(){

  $(this).hide()

  $(this).parent().html($(this).val())

})

})

3、显示效果如下:

输入文字:

显示结果:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7187885.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-02
下一篇2023-04-02

发表评论

登录后才能评论

评论列表(0条)

    保存