码迷,mamicode.com
首页 > 其他好文 > 详细

图片标记 : 行内元素 单边标记

时间:2016-09-04 11:34:47      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:

语法格式: <img 属性="属性值" >

常用属性:

      width: 图片宽度

      height: 图片高度

      border: 图片边框粗细

      src  :图片的路径(相对路径)

      align    :图片的水平对齐方式 取值 left center  right 

      hspace : 图片与左右文字之间的距离(水平距离)

      vspace : 图片与上下文之间的距离(垂直距离)     

注意事项: 

  如果图片想等比例缩放,只需要指定width或height其中的一个

  align :属性只能让文本居中,不能让图片单独居中,可以实现“图文混排”的效果,

      align= “left | right”

  要想让图片实现居中效果,可以给图片增加一个<div>元素

<body>

<h1 align="center">内容</h1>

<img src="img/tom.jpg" width="300" border="5" align="right" hspace="15" >

<p> 内容 </p>

</body>

图片标记 : 行内元素 单边标记

标签:

原文地址:http://www.cnblogs.com/yd09023/p/5838731.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!