首頁  >  文章  >  web前端  >  html製作圖文混排效果

html製作圖文混排效果

王林
王林轉載
2020-12-30 10:15:459452瀏覽

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"    style="max-width:90%" border="1px black solid" hspace="20px" align="left" / alt="html製作圖文混排效果" >
</a>

實作效果:

html製作圖文混排效果

相關推薦:html教學

以上是html製作圖文混排效果的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:csdn.net。如有侵權,請聯絡admin@php.cn刪除