上一页 下一页

网页如何工作

对齐图片

页面上图片的**水平**对齐是使用对齐部分中描述的标签和技术进行格式化的。以下是快速回顾

  • 在图片标签**之前**使用 <div align=.".."> 标签来居中或向右/向左对齐。
  • 在图片标签**之后**使用 </div> 标签来结束对齐。
  • 在 "img src" 标签**内**使用 <align=.".."> 标签，使文本环绕图片。

在 "img src" 标签**内**插入这些标签，以实现图片与文本的**垂直**对齐

广告

**align="bottom"** 文本与图片的底部对齐。

<img src="https://cdn.hswstatic.com/gif/hsw-logo3.gif" alt="十万个为什么" border=0 **align="bottom"**> 

**align="top"** 文本与图片的顶部对齐。

<img src="https://cdn.hswstatic.com/gif/hsw-logo3.gif" alt="十万个为什么" border=0 **align="top"**> 

**align="middle"** 文本与图片的中间对齐。 

<img src="https://cdn.hswstatic.com/gif/hsw-logo3.gif" alt="十万个为什么" border=0 **align="middle"**>

在以上每个示例中，图片默认左对齐，因此文本显示在其右侧。如果您希望文本在左侧，图片在右侧，可以添加上面讨论的 <div align> 图片对齐标签。 

创建动画GIF

动画GIF为您的页面增添动感和闪光效果。一个很好的动画GIF创建工具是 The GIF Construction Set。使用此工具或类似工具，您可以在动画序列中创建不同的帧，然后将它们合并为一个图像。

引用