When you design a Web page, it's important to convey as much information as possible in a compact space. Putting keywords in a caption also helps with search engine optimization. Besides, having captions underneath an image is an organized way to provide additional details on a topic. If you already understand how to use tables and
Instructions
HTML Tables
- 1
Create a
| elements, one between each row's opening and closing tags. The HTML table should look like this: Enter your | and | . Specify the source of your image with the attribute "src=" and the dimensions with "height=" and "width=," if different from the actual image. Unlike other elements,
 |
Enter your text caption in the bottom row between the second
Your image, complete with caption, should now look like this:
| |
| Image caption here. |
HTML Table Captions
- 4
Create a
| column: Enter the
Create a Your final HTML table will look like this:
Using HTML Divs
Create a element anywhere on your Web page you want the image and caption to appear:
Add your element:
Create a second element after the
element but still within the first element. This will be your caption, so enter the caption text between the second div's opening and closing tags.
Your HTML image with caption will look like this:
Image caption here. 
|