美文网首页
认识HTML一a标签基本使用

认识HTML一a标签基本使用

作者: 周行知 | 来源:发表于2019-03-30 10:22 被阅读0次

a标签基本使用


如上图所示:

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

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>

运行结果如下图

点击这张图片:

a标签的注意点:

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

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

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

相关文章

  • 认识HTML一a标签基本使用

    a标签基本使用 如上图所示: 实时热搜下面文字都是a标签 a标签的作用 用于控制页面与页面之间的跳转的 a标签的格...

  • HTML标签(基本标签的使用)

    借用了别人的一张思维导图 HTML概述image.png HTML基础语法image.png 标签属性image....

  • HTML5第一章 常见标签

    一, HTML的基本语法 二, 标签的简单使用

  • HTML

    HTML简介 HTML的基本结构 HTML标签 基本标签 布局标签

  • HTML学习笔记3

    HTML速查 HTML 速查列表. 你可以打印它,以备日常使用。 HTML 基本文档 基本标签(Basic Tag...

  • 【1Day】Joshua—初识html+css学习笔记(1)

    目录学习web前端开发基础技术需要掌握认识html标签标签的语法认识html文件基本结构学习web前端开发基础技术...

  • 标签属性

    使用HTML制作网页时,如果想让HTML标签提供更多的信息,可以使用HTML标签的属性加以设置。其基本语法格式如下...

  • HTML-标签属性

    使用HTML制作网页时,如果想让HTML标签提供更多的信息,可以使用HTML标签的属性加以设置。其基本语法格式如下...

  • HTML 小结

    HTML 标记语言 1.HTML的基本语法: 标签的定义、分类(单双标签) 标签的属性使用<标签名 属性名1="值...

  • SVG手册

    使用方式 浏览器直接打开 在HTML中使用 标签引用 直接在HTML中使用SVG标签 作为CSS背景 基本图形和属...

网友评论

      本文标题:认识HTML一a标签基本使用

      本文链接:https://www.haomeiwen.com/subject/bjkjbqtx.html