009 — 图片对齐方式的应用

查看源代码

009图片对齐方式的应用.html

查看效果 ↗
<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>图片对齐方式的应用</title>
  </head>
  <body>
    <h1 align="center">图片对齐方式的应用</h1>
    <hr />
    <h3>未设置对齐方式的图像:</h3>
    <img src="00901.jpg" alt="一个图片" width="100" height="100" />
    png图像组合是其目的是替代gif和tiff文件格式,同时增加一些gif文件格式所不具备的特性。
    <h3>已设置对齐方式的图像:</h3>
    <img
      src="00901.jpg"
      alt="一个图片"
      width="100"
      height="100"
      align="bottom"
    />
    png图像组合是其目的是替代gif和tiff文件格式,同时增加一些gif文件格式所不具备的特性。<br />
    <img
      src="00901.jpg"
      alt="一个图片"
      width="100"
      height="100"
      align="middle"
    />
    png图像组合是其目的是替代gif和tiff文件格式,同时增加一些gif文件格式所不具备的特性。<br />
    <img src="00901.jpg" alt="一个图片" width="100" height="100" align="left" />
    png图像组合是其目的是替代gif和tiff文件格式,同时增加一些gif文件格式所不具备的特性。<br />
    <br />
    <br />
    <p>这是一张百度的图片,使用了居中对齐方式。</p>
  </body>
</html>