【HTML】超链接a标签和图片img标签用法

文章目录

一、超链接 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	下载href链接中的文件，并指定下载后文件的名称，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新增

【HTML】超链接a标签和图片img标签用法相关推荐

图片打标签labelimg
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.Windows安装二.使用步骤 1.在cmd命令行中创建一个新的环境 2.对图片打标签 3.保存打标签的图片 4 ...
HTML 块标签，行内标签，行内块标签以及之间的相互转换
HTML标签分类行内标签:包含a.span.em.strong.b.i.u.label.br: 特点:可以多个标签存在一行,不能直接设置行内标签的高度.宽度.行高以及顶和底边距,完全靠内容撑开宽 ...
web前段学习day_01:HTML（学习如何搭建页面结构和内容）：文本标签、列表标签、图片标签、超链接、表格、表单表单、分区标签、实体引用
学习如何构造页面结构和内容安装HBuilderX 一.HTML 创建第一个HTML页面写完html后如何测试写在body中的常见标签有哪些? 注释快捷键 Ctrl+Shift+/ 1.文本相关标 ...
前端(一)——HTML之基本标签、图片标签、超链接、锚链接
文章目录 1. 定义 2. 发展史及优势 2.1 发展史 2.2 优势 3. W3C标准 4. HTML的基本结构 5. 网站的基本标签 5.1 标题标签 5.2 段落标签 5.3 水平线标签 5.4 ...
html_常用标签_盒子标签_图片标签_超链接_列表标签（2）
接着上一篇博客继续完成常用标签学习本节,将介绍学习: 4.盒子标签 ...
Skr-Eric的HTML课堂（二）——HTML的列表标签和图片与超链接
列表标签 1. 列表 : 从上到下排列数据的结构列表中的数据都带有项目符号 2. 语法 : 1. 列表分类 : 1. 无序列表 2. 有序列表 3. 定义列表 2. 列表组成 : 1. 无序列表由 ...
html 图片行内剧中,HTML入门(转义字符、行内样式和块级元素、定位、锚点、跑马灯标签、图片标签、表格标签的讲解)...
一.转义字符由特殊字符包裹的文本会当做标签去解析对应不换行空格对应全角空格 em是字体排印学的计量单位,相当于当前指定的点数.其占据的宽度正好是1个中文宽度,而且基本上不受字体影响. < ...
H5的段落标签、图片标签、列表标签与链接标签
段落标签 (1)<p>段落标签</p> (2)<nobr>强制不换行标签,会出现滚动条</nobr> (3)<pre>保留原始排版标签< ...
html标签 ppt,HTML框架标签、超链接标签、控件标签.ppt
<HTML框架标签.超链接标签.控件标签.ppt>由会员分享,可在线阅读,更多相关<HTML框架标签.超链接标签.控件标签.ppt(12页珍藏版)>请在装配图网上搜索. 1.第 ...

【HTML】超链接a标签和图片img标签用法

文章目录

一、超链接 a

二、图片 img

【HTML】超链接a标签和图片img标签用法相关推荐

最新文章

热门文章