首页 > 代码库 > 图片标记 : 行内元素 单边标记

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

语法格式: <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="http://www.mamicode.com/img/tom.jpg" width="300" border="5" align="right" hspace="15" >

<p> 内容 </p>

</body>

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