首页  >  文章  >  web前端  >  html制作图文混排效果

html制作图文混排效果

王林
王林转载
2020-12-30 10:15:459484浏览

html制作图文混排效果

图片属性介绍:

(学习视频分享:html视频教程

hspace 和 vspace 属性可以设置图像周围的空间。

hspace 属性可设置或者返回图片的 hspace 属性值。

hspace 属性指定图像的左边缘和右边缘的空白(设置图片与文本左右的距离)

vspace 属性规定图像顶部和底部的空白。

注:HTML5 不支持vspace 属性。请使用 CSS 代替。在 HTML 4.01 中的 vspace 属性 已废弃。

实现代码:

这里写代码片
<h1 align="left">
    <b>案例说明:图文混排效果</b>
</h1>
<p>出租车司机彭某回忆道。神色慌张的女子,哭闹不停的婴儿。</p>
<a target="_blank" href="1.html">
      <img src="../img/html02.jpg" width="250px" border="1px black solid" hspace="20px" align="left" />
</a>

实现效果:

5f04f76bd36fb6297ff6766d953cd21.png

相关推荐:html教程

以上是html制作图文混排效果的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:csdn.net。如有侵权,请联系admin@php.cn删除