HTML中有关a标签的简单实用方法

 时间:2024-10-13 08:53:16

1、如图,在这里添加了两张图片,然后在图片Img外面添加了a标签

HTML中有关a标签的简单实用方法

2、在a标签中,在href后面添加上链接地址,如果链接的是网上的网站,记得要添加上https://

HTML中有关a标签的简单实用方法

3、当在页面上显示时,我们的鼠标经过带有链接的图片时,鼠标就会变成抓手状态,表示可以点击

HTML中有关a标签的简单实用方法

4、如果我们在链接地址栏输入了链接网址,当我们点击图片的时候,就会自动进入到所链接的地址中

HTML中有关a标签的简单实用方法

5、我们在a标签中添加网址,当点击后,会在原来的网页上进入到新链接中,如果我们想要保留原来的网站,在新页面中打开新网站时,就可以在a标签中输入target的属性了,

HTML中有关a标签的简单实用方法

6、这样添加了target的属性后,当再次点击链接打开新的网站时,新网站会在新的页面中打开,如图所示,这就避免找不到原来的网站了。

HTML中有关a标签的简单实用方法

7、通常我们在网上看到的标题栏,都是可以点击的

HTML中有关a标签的简单实用方法

8、如果没有清楚a标签的属性,在页面上会显示蓝色字体、下方带有链接的下划线。

HTML中有关a标签的简单实用方法
  • 怎么随机输出数组
  • 如何使用SQLyog在数据库表中增加字段
  • VS如何设置窗体的打开方式
  • vscode如何修改字体大小
  • HCL模拟器实验-OSPF配置
  • 热门搜索
    狗图片大全 孟子简介 餐馆名字大全 鳗鱼干怎么吃 叶立三将军简介 图片链接怎么弄 纪伯伦简介 qq三国奥义怎么获得 军号大全 苹果手机白屏怎么办