HTML基础第四讲---图像-优快云博客

本文详细介绍了HTML中图像标签(img)的使用方法，包括图像的基本语法、替代文本的设置、图像在网页中的对齐方式及布局调整、图像边框的设置等。通过本文，读者可以了解到如何正确地在网页中插入和展示图像。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转自：https://blog.youkuaiyun.com/likaier/article/details/326735

图像，也就是images，在html语法中用img来表示，其基本的语法是：
<img src=#> #=图象的 URL，关于url就是指的是图像在网上的地址。
<img alt=#> #=在浏览器尚未完全读入图象时，在图象位置显示的文字；也是图像显示以后，当鼠标放在图片上时所显示的文字。

图象在页面中的对齐/布局：
语法：<img align=#> #=left, center, right，使用图像的align属性，其实这一属性布置在这里用到，以后我们在学习表格的时候也会遇到align，它的值left, center, right就是他的中文意思，left居左，center居中，right居右。

图象和文字的对齐：
语法：<img align=#> #=top, middle, bottom，这里的align和上边的实现的效果不一样，大家从它的值可以看出，它所显示出来的是文字在图片的靠上边、中间、底端。大家可以对比这看看各自的效果，很容易记住哦！

图像的边框：<img border=#> #=value数字，指的是这个图像的边的宽度！
示例：<img src=1.jpg border=1>