6 图片标签

  • 6 图片标签已关闭评论
  • 112 次浏览
  • A+
所属分类:Web前端
摘要

在HTML中,图像由标签定义的,它可以用来加载图片到html网页中显示。网页开发过程中,有三种图片格式被广泛应用到web里,分别是 jpg、png、gif。


6 图片标签

在HTML中,图像由6 图片标签标签定义的,它可以用来加载图片到html网页中显示。网页开发过程中,有三种图片格式被广泛应用到web里,分别是 jpg、png、gif。

img标签的属性:

/* src属性:     指定图像的URL地址,是英文source的简写,表示引入资源。     src的值可以是本地计算机存储的图片的地址,也可以是网络上外部网站的图片的地址。     如果src的值不正确,那么浏览器就无法正确的图片,而是显示一张裂图。 alt属性:指定图像无法显示时的替换文本。 width属性: 指定引入图片的显示宽度。 height属性:指定引入图片的显示高度。 border属性:指定引入图片的边框宽度,默认为0。 title属性:悬浮图片上的提示文字 */ 

点击图片跳转可以配合a标签使用

<a><img src="" alt=""></a> 
<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>图片标签</title> </head> <body> <a href="https://www.hao123.com">     <img src="https://img1.baidu.com/it/u=2953940086,3621245794&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500" title="美女"          alt="C:UserszczhaPicturesSaved PicturesWindows 10 logo 简约4k电脑壁纸_彼岸图网.jpg" alt="6 图片标签"></a>  <a href="https://www.baidu.com" target="_blank">     <img src="https://img2.baidu.com/it/u=1624963289,2527746346&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=750" title="美女"          alt=""> </a> </body> </html> 
代码效果图如下:

6 图片标签
6 图片标签