图像是网页构成中最重要的元素之一,美观的图像会为网站增添生命力,同时也可以加深用户对网站风格的印象。
标签属性
使用HTML制作网页时,如果想让HTML标签提供更多的信息,可以使用HTML标签的属性加以设置。其基本语法格式如下:
内容 标签名>
在上面的语法中,
1.标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。
2.属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。
3.任何标签的属性都有默认值,省略该属性则取默认值。
采取键值对——key="value" 的格式
比如:
表示:设置 属性:宽度 、值:400
图像标签img
HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就需要使用图像标签。
其基本语法格式如下:
img标签的几个常用属性:
![e1c182a2b0ae1e6d501f35ec5f2f6c65.png](https://i-blog.csdnimg.cn/blog_migrate/3ca323b5664620edc9e6bcbb13be0601.jpeg)
Doument 基本图像插入方式
alt属性
title属性
width/height属性
border属性
![84e7a87d0557edc657a5a5cbc612c8f7.png](https://i-blog.csdnimg.cn/blog_migrate/40ed3e0da40faed8d757413d0189fe42.jpeg)
![aaf74b2207308ebe507071b75e741c0c.png](https://i-blog.csdnimg.cn/blog_migrate/8ee74edd356bf537942a4fdb95887f01.jpeg)
注意:
- src属性用于指定图像文件的路径和文件名,他是img标签的必备属性。
- URL指存储图像的位置,可以是本地计算机上的图片地址,也可以是互联网上图片的地址。
- 一般情况下由于图片会自动等比缩放,强行设置宽高会使页面失真,因此通常,宽和高设置一个就够了。