background 互联网图片_HTML页面插入图片，使用background还是img标签

很多新手在刚开始学习HTML标签的时候，老师一定会教你

这种引入图片格式，第二天学习css的时候，老师又会教你给div等元素添加背景图片，

div{background-image:url(xxx.png);

}

那么这两种方式究竟孰优孰劣，分别应该在什么情况下使用呢？今天我在这里就给大家详细讲解一下：

关于img标签，我们要知道，它除了src路径以外，还有两个属性，一个是alt，一个是title

首先我们讲一下title，它的作用是什么呢？我们来看一下，当我们在body中写入以下代码的时候，

打开浏览器，会显示对应的那张图片，title里面写的"Hello，World！"是不显示的，只有当我们的鼠标放到图片上暂留的时候，鼠标上才会出现提示性文字如下图：

title属性是对元素的注释说明和额外补充，当鼠标放到文字或图片上时候，会显示title对应的文字。要注意的一点是，title这个属性并不是img标签特有的，加给button、div等其他标签都是可以的，我曾经看过一些文章，作者提议给网页中所有的标签都加上title属性，这样将来用户把鼠标放到每个按钮、图片、文字上，都有title提示，但是

background 互联网图片_HTML页面插入图片，使用background还是img标签相关推荐

如何html在页面插入图片,css怎么插入图片？
在前端页面的开发中,插入图片的方法有两种:使用img标签插入图片,使用background属性和background-image属性插入背景图片.下面本篇文章就来给大家介绍一下CSS backgrou ...
html中怎么加入图片,css怎么插入图片？
在前端页面的开发中,插入图片的方法有两种:使用img标签插入图片,使用background属性和background-image属性插入背景图片.下面本篇文章就来给大家介绍一下CSS backgrou ...
mysql录入图片数据_mysql插入图片数据
import java.sql.*; import java.util.Scanner; import java.io.*; public class mysql插入图片 { private stat ...
overleaf 插入图片_latex中插入图片
latex排版之插入图片: 在排版图片之前,个人认为不管用不用到,引入下面两个包: \usepackage{graphicx} \usepackage{subfigure} (1)插入单个图片,图片格 ...
Python xlwings插入图片（Excel插入图片）
文章目录一.相对路径(报错) 二.绝对路径三.指定位置和大小四.居中插入智能居中插入遇到的坑参考文献测试图片一.相对路径(报错) 使用相对路径插入会报错(确认路径正确无误) impor ...
java 在cell放入图片_Java Excel 插入图片
在POI中有HSSFPatriarch对象,该对象为画图的顶级管理器,它的createPicture(anchor, pictureIndex)方法就能够在Excel插入一张图片.所以要在Excel中 ...
java pdfbox 合并PDF、PDF转图片、PDF插入图片
1.添加依赖 <dependency><groupId>org.apache.pdfbox</groupId><artifactId>pdfbox< ...
vue样式引入图片_vue怎么插入图片？
vue怎么插入图片?下面本篇文章给大家介绍一下在vue中插入图片的几种方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. vue怎么插入图片? 首先给图片地址绑定变量在scrip ...
overleaf 插入图片_overleaf编辑器——插入图片以及引用bibtex
接触了一个神器overleaf 参考教程:https://blog.csdn.net/Gentleman_Qin/article/details/79963396 这篇教程已经说的很明白啦. 下面记录 ...

background 互联网图片_HTML页面插入图片，使用background还是img标签

background 互联网图片_HTML页面插入图片，使用background还是img标签相关推荐

最新文章

热门文章