认识HTML一a标签基本使用

认识HTML一a标签基本使用,第1张

a标签基本使用

如上图所示:

实时热搜下面文字都是a标签

用于控制页面与页面之间的跳转的

<a href="指定需要跳转的目标界面">需要展现给用户查看的内容</a>

例题1   

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>a标签</title>

</head>

<body>

<a href="https://www.baidu.com/s?word=张韶涵 窦骁&tn=02003390_2_hao_pg">张韶涵 窦骁</a>

</body>

</html>

运行效果:

你可以试一试图片。

打开淘宝

模仿写一个简单例子

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>a标签</title>

</head>

<body>

<a href="https://paimai.taobao.com/?spm=a21bo.2017.2007.1.6d7411d9MyPqYX">

<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>

</body>

</html>

运行结果如下图

点击这张图片:

1.a标签不仅可以让文字可以点击,还可以让图片也能够被点击。

2.一个a标签必须有一个href属性,否则a标签不知道要跳转的地方。

3.如果通过a标签的href属性指定一个url地址,那么必须在地址前面加上http://或https://

1、a是HTML语言标签。

2、a标签定义超链接,用于从一个页面链接到另一个页面。

3、a元素最重要的属性是 href 属性,它指定链接的目标。

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


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

原文地址: http://outofmemory.cn/zaji/7388234.html

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

发表评论

登录后才能评论

评论列表(0条)

保存