首页 > HTML教程_HTML语言视频教程 > 图像,images-HTML基础教程(4)

HTML教程_HTML语言视频教程

图像,images-HTML基础教程(4)

发布:E时代科技  分类:HTML教程_HTML语言视频教程 浏览:2100 次

  图像,images-HTML基础教程(4)

  图像,也就是images,在html语法中用img来表示,其基本的语法是:

  《img src=#》 #=图象的 URL,关于url就是指的是图像在网上的地址。

  《img alt=#》 #=在浏览器尚未完全读入图象时,在图象位置显示的文字;也是图像显示以后,当鼠标放在图片上时所显示的文字。

  例子:《img src=“http://www.webesd.com/zb_users/upload/2014/7/2014072660204141.jpg” 》

  图象在页面中的对齐/布局:

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

  例子:《img src=“http://www.webesd.com/zb_users/upload/2014/7/2014072660204141.jpg” align=left》 网人交流论坛欢迎您的光临!

  图象和文字的对齐:

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

  图像的边框:《img border=#》 #=value数字,指的是这个图像的边的宽度!

  示例:《img src=“http://www.webesd.com/zb_users/upload/2014/7/2014072660204141.jpg” border=1》

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

  查看更多HTML教程》》》》》