标签〈img〉-web前端里面img标签作用是什么？

在 HTML 标签中,<img> 标签用于定义 HTML 页面中的图像。

src 是<img>标签的必须属性,它用于指定图像文件的路径和文件名。

所谓属性:简单理解就是属于这个图像标签的特性。

注意:

1.图像标签可以拥有多个属性,各必须写在标签名的后面。

2.属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。

3.属性采取键值对的格式,即 key=“value" 的格式,属性 =“属性值”。

4.图片的width和height属性只需要设置其中一个,另一个就会等比例缩放。同时设置两个会使图片压缩失真。

优点:

1.运行环境简单明了,不随网页位置的变化而变化。

2.比较安全。

缺点:

1.当html在别的电脑上打开,或者图片更换了盘符之后,图片就没办法在页面中显示,图片的移植性较差。

在网站上右键点击复制图像地址,写入src中就可成功引入。

优点:

1.路径简单明了,便与搜索引擎搜索。

2.只要有网络,不管html文件怎么移动,图片还能正常显示。

缺点:

不容易移植,如果网站域名变化,所有的图片会全部失效。

以html文件所在位置为参考基础,而建立出的目录路径。 即图片相对于 HTML 页面的位置。

直接书写即可,一定要加上图片的后缀名。

<img src="同一级路径图片名字.png" />

img标签中的img其实是英文image的缩写

所以img标签的作用, 就是告诉浏览器我们需要显示一张图片

img标签格式:

其实img标签中的src是英文source的缩写

所以img标签中的src就是用来告诉img标签, 需要显示的图片名称

标签是指具有信息表示作用和功能的可视以及可触的实物性载体,一般会有一定的产品信息量。现在的话标签的使用范围已经扩大,但是仍然用来承载信息表示的。

比如说这个的话就是在药房保健品上面厂家的药品提示标签。在制作这种提示标签的时候,也是很简单的。首先设置好标签的实际尺寸。在画布上设置标签的形状,背景颜色,勾选打印背景,接着就开始在软件上制作了。

先在软件左侧点击绘制椭圆/圆,并在画布上面绘制,然后选择椭圆的线条粗细为0,背景色为白色,填充类型选择实心。

接着开始制作普通文本,上图中文字的内容是固定不变的选择手动输入的方式即可。点击左侧工具栏中实心蓝A,绘制普通文本,并在画布上面绘制普通文本,点击属性-图形属性-数据源-修改-手动输入-温馨提示,在来设计文字的展示效果,依然是图形属性里面,在文字下设置文字大小,排版样式选择弧形,字间距选择4,

输入固定内容的话操作方式是一样的。然后以此添加固定内容的文字。

然后药品温馨提示的标签就制作完成了。可以点击预览看下效果,没有问题的话直接点击打印即可。