Rumah  >  Artikel  >  hujung hadapan web  >  html制作图文混排效果

html制作图文混排效果

王林
王林ke hadapan
2020-12-30 10:15:459452semak imbas

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教程

Atas ialah kandungan terperinci html制作图文混排效果. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:csdn.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam