HTML设置图片

HTML设置图片
开发工具与关键技术： DW CSS
撰写时间：2019年2月10日
我们使用DW设置网站时，避免不了要引入图片，在HTML中有两种方式都可以引入：
方法一：通过CSS样式引入；方法二:通过img标签。两种方式都可以引入图片，但是它们都各有各的优势，下面会分开介绍
法一：通过CSS样式引入图片时需要设置图片的宽度和高度，如果设置的宽度和高度大于图片原始的宽度和高度，那么图片将会显示全部并且按照比例会重复，但是这样的好处就是有时需要设置重复时就不用一张一张放上去，比img要自由一点，如图1；如果设置的宽度和高度小于图片原始的宽度和高度，那么图片将会显示比例对应的一部分，这样的图片就非常的不好看，如果想要看起来顺眼一点就需要设置图片的（居中/靠右/靠左）显示，如图2。

图1
图2
法二：通过img标签引入图片，其实就是通过img自身的属性来控制图片的样式，它跟CSS相比，较简略，还有就是图片无法显示时它可以出现提醒功能，如图3；img标签还可以在标签内设置图片的样式，如宽度和高度，img设置的宽度和高度大于图片原始的宽度和高度时图片也不会重复显示，而是将原来图片的比例变大，如图4:
图3
图4