在html代码里面使用 <a></a>标签 设置文字超链接和图片超链接教程
使用 <a> </a> 标签制作文本超链接教程
<a>标签的作用是非常的强大的,写法也是非常简单的,
<a>标签文本超链接的写法也就是在<a>标签里面加上一个属性。
1.超链接不带描述的写法
演示效果: ---->> 站长资源网
代码如下:
<a href=“https://www.vc99.cn”>站长资源网</a>
2.超链接带表述的写法
演示效果: ---->> 站长资源网
(鼠标放在超链接上面不要点,即可看到超链接的表述,可以对比上面的不带描述的超链接试试)
代码如下:
<a href="https://www.vc99.cn" title="站长资源网">站长资源网</a>
使用 <a> </a> 标签制作图片超链接教程
图片超链接的写法和文字超链接实际上并没有较大的区别
只不过是把文字换成了图片,图片超链接也有两种,和文字超链接一样,带描述和不带描述。
1.图片超链接不带描述的写法
演示效果:
代码如下:
<a href="https://www.vc99.cn"><img src="https://www.vc99.cn/shang.png"></a>
2.图片超链接带描述的写法
演示效果:(鼠标移到图片上不要点,就可以看到关于图片的描述)
代码如下:
<a href="https://www.vc99.cn" title="站长资源网"><img src="https://www.vc99.cn/shang.png"></a>
后记
这些超链接的写法是在网页上面经常可以看到的,这些也是一些基础的html代码
相对来说比较简单,<a>标签的作用其实非常的大,不只是可以用来写超链接
关于<a>标签的作用,以后我会更新一篇对<a>标签的详细讲解,以及它的用法。
评论列表