Prev NEXT

How Web Pages Work

Aligning Images

Thehorizontal对齐啊f images on your page is formatted using the tags and techniques described in the justification section. Here's a quick review:

  • Use the
    tagbeforethe image tag to center or justify right or left.
  • Use the
tag after the image tag to end the justification.
  • Use the tagwithinthe "img src" tag to have text wrap around the image.
  • Insert these tagswithinthe "img src" tag for thevertical对齐啊f images in relation to text:

    Advertisement

    align="bottom"The text lines up with the bottom of the image.

    HowStuffWorksalign="bottom">

    align="top"The text lines up with the top of the image.

    HowStuffWorksalign="top">

    align="middle"The text lines up alongside the middle of the image.

    HowStuffWorksalign="middle">

    In each of the above examples, the image is justified left by default, so the text appears on its right side. If you want the text on the left and the image on the right, you can add the

    image alignment tag discussed above.

    Creating Animated GIFs

    Animated GIFs add movement and flash to your pages. A good tool for creating animated GIFs isGIF建设组. Using this tool, or another tool like it, you can create different frames in an animated sequence and then roll them up into a single image.