在HTML中,我们可以通过<img>
标签来添加图片,以下是一些基本的使用方法:
1、直接使用<img src="图片地址">
,quot;图片地址"是你要显示的图片的URL或者相对路径。
<img src="example.jpg">
2、你也可以使用alt
属性来为图片提供替代文本,当图片无法加载时,这个文本将会被显示出来。
<img src="example.jpg" alt="这是一个示例图片">
3、你还可以设置图片的宽度和高度,通过width
和height
属性来实现。
<img src="example.jpg" width="500" height="600">
4、你还可以设置图片的边框,通过border
属性来实现。
<img src="example.jpg" border="5">
5、你还可以设置图片的样式,通过style
属性来实现。
<img src="example.jpg" style="border:1px solid #ddd;padding:10px;">
6、你还可以使用CSS类来设置图片的样式,然后在HTML中使用class
属性来引用这个类。
<img src="example.jpg" class="myImageClass">
然后你可以在CSS中定义这个类:
.myImageClass { border:1px solid #ddd; padding:10px; }
以上就是在HTML中添加图片的基本方法,你可以根据需要选择适合你的方法。