HTML Code Tutorial

Tutor Ebook Download

Paragraphs and Images

Putting images or pictures in your paragraphs is a fairly simple process. It is necessary to use the alignment attribute in the image tag when placing images within paragraphs. Acceptable properties for the alignment of images are center, left and right.

Here the align attribute is set to center.

In this paragraph the alignment attribute of the image is set to left. When the left property is chosen text will flow to the right of the image. If we wanted the text to appear after and below the image we would use the line break tag with the clear=all setting.

In this paragraph the alignment attribute of the image is set to right. When the right property is chosen text will flow to the left of the image. If we wanted the text to appear after and below the image we would use the line break tag with the clear=all setting.

In this paragraph the alignment attribute of the image is omitted. Text simply follows the image as if it were another letter in the sentence.

In this paragraph the alignment attribute of the image is omitted. The image here behaves as if it were a letter in the sentence.

The code for image placement within a paragraph is the same, the only difference being the alignment setting

Note: When placing images in web pages, always use optimized, interlaced images. Large bulky image files will cause your pages to display very slowly. Size of files can be reduced by limiting them to the least amount of colors that will allow the image to display properly. Interlacing gives the appearance of an image loading in layers. If the image is slow in loading the user will see something on the screen rather than just a blank page. Interlaced images don't normally load faster than non-interlaced, but they do give that appearance.

Contents

Page Structure

Text Controls

Tables

Forms

Frames

Miscellaneous

CGI Online
How to Create a Website -Tutorial
Main Website