[JavaScript知识库] 【HTML】超链接和图片

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> 【HTML】超链接和图片 -> 正文阅读

[JavaScript知识库]【HTML】超链接和图片

文章目录

- 一、超链接 a
- 二、图片 img

一、超链接 a

超链接语法：

<!-- 
	1. title属性：当鼠标移动到热点时，鼠标下方显示title的内容
	2. target属性：默认值_self
		_self--在当前窗口打开链接页面，
		_blank--在新窗口打开链接。
 -->
<a href="#">空链接</a>
<a href="文件路径或链接地址" title="提示文本" target="打开方式">链接文本或图片</a>

属性	值	描述
href	URL	规定链接的目标 URL
hreflang	language_code	规定目标 URL 的基准语言。仅在 href 属性存在时使用
rel	alternate、author、bookmark、help、license、next、nofollow、noreferrer、prefetch、prev、search、tag	规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用
target	_blank：新窗口打开、_parent：在父窗口中打开链接、_self：默认，当前页面跳转、_top：在当前窗体打开链接，并替换当前的整个窗体(框架页)	规定在何处打开目标 URL。仅在 href 属性存在时使用。
`download`	filename	指定下载链接，html5新增
`media`	media_query	规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用，html5新增
`type`	MIME_type	规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用，html5新增。注：MIME = Multipurpose Internet Mail Extensions

二、图片 img

图片语法：

<!-- 
	1. src属性表示图片的来源
	2. border属性标识了图片的边框
	3. width和height设置图片在页面上显示的宽度和高度
	4. title属性作用，鼠标悬停在该图片上时显示的信息，鼠标离开时就没有了，
		HTML的绝大多数标签都支持title属性，title属性就是专门做提示信息的；
	5. alt:当图片不显示时，提示的信息。使用户体验较好
 -->
<img scr="图片路径" border="边框" alt="图片替换文本" title="图片标题" width="100px" height="100px" />

属性	值	描述
loading	eager：立即加载、lazy：延迟加载	指定浏览器是应立即加载图像还是延迟加载图像
alt	text	规定图像的替代文本
src	URL	规定显示图像的 URL
ismap	ismap	将图像规定为服务器端图像映射
usemap	#mapname	将图像定义为客户器端图像映射
height	pixels	规定图像的高度
width	pixels	规定图像的宽度
`crossorigin`	anonymous 、use-credentials	设置图像的跨域属性，html5新增