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

Posted 冬_雪_飘

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片标记 : 行内元素 单边标记相关的知识,希望对你有一定的参考价值。

语法格式: <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>

以上是关于图片标记 : 行内元素 单边标记的主要内容,如果未能解决你的问题,请参考以下文章

块级元素和行内元素及行内块元素(外加转换方式)

块级元素与行内元素

块级元素和行内元素

块元素和行内元素

div 和 span 标记

HTML总结(补充1--行内元素和块级元素)