帐号: 密码:
// 设为首页 // 收藏本站 // 请您留言 // 网址导航
远方教程-满足你的求知欲!
站内搜索:
HTML ASP PHP CSS DIV Dreamweaver Photoshop Word Excel PPT SEO技巧
您当前位置:网站首页 >> HTML入门 >> HTML基础教程 >> 阅读文章

HTML基础第四讲:图形图象的处理

来源:远方教程 作者:远方教程 发布时间:2013-10-14 查看次数:3458 访问[新版]

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

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

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

  例子:<img src="http://www.52yfjc.com/images/logo.gif" >
 

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

  例子:<img src="http://www.52yfjc.com/images/logo.gif"  align="right">

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

  图像的边框:<img border=#> #=value数字,指的是这个图像的边的宽度!
  示例:<img src="http://www.52yfjc.com/images/logo.gif"  border="1">

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

打印 打印 | 关闭 关闭 评论
相关文章
图片新闻
站内搜索  
搜索
猜您喜欢  
最新更新  
阅读排行  
关于我们 | 联系方式 | 大事记 | 免责声明 | | 给我留言
部分广告源自金山联盟2345联盟 QQ咨询 站长之家QQ群:232617873
Copyright 2024 远方教程 © All Rights Reserved.

回顶部