找回密码
 会员注册
查看: 514|回复: 0

HTML基础第四讲---图像

[复制链接]

1389

主题

5

回帖

496万

积分

管理员

积分
4962988
发表于 2023-3-31 15:19:39 | 显示全部楼层 |阅读模式
图像,也就是images,在html语法中用img来表示,其基本的语法是:
<img src=#> #=图象的 URL,关于url就是指的是图像在网上的地址。
<img alt=#> #=在浏览器尚未完全读入图象时,在图象位置显示的文字;也是图像显示以后,当鼠标放在图片上时所显示的文字。

例子:<img src="http://kkk.yesku.net/forum/images/cid4u-2.jpg" >


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

例子:<img src="http://kkk.yesku.net/forum/images/cid4u-2.jpg"  align=left> 网人交流论坛欢迎您的光临!

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

图像的边框:<img border=#> #=value数字,指的是这个图像的边的宽度!
示例:<img src="http://kkk.yesku.net/forum/images/cid4u-2.jpg"  border=1>

大家可以在自己的机子上按照我给你的语法,写下来,看看效果就行了。


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

QQ|手机版|心飞设计-版权所有:微度网络信息技术服务中心 ( 鲁ICP备17032091号-12 )|网站地图

GMT+8, 2024-12-26 00:45 , Processed in 0.458061 second(s), 26 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表