认识HTML一a标签基本使用

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://

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,061评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,716评论 1 45
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 1,528评论 0 4
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,270评论 0 0
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 1,326评论 0 3

友情链接更多精彩内容