How to Put a Caption Below a Picture in HTML

Unfortunately, regular and simple HTML tags do not support a caption below a picture. No worries! There are methods in which you can accomplish this goal with a simple procedure. Instead of regular HTML tags, you can use a table to outline your caption directly underneath your picture with ease. If you are new to HTML or an intermediate user, the following steps can assist you in putting a caption below a picture in HTML.

Instructions

1. Place your image and your HTML document in the same folder. They need to be together in order for the HTML document to read the image.

2. Use a web design program or notepad to write your script. Either method will work just fine. A web design program can assist you if you are completely new to HTML. However, strictly learning HTML would better suit the notepad option.

3. Add the first line to where you wish the picture would be. This would be: <table class="image.img">. The image file name may be something like picture.jpg or photo.gif.

4. Insert the second line. This line would look like this: <caption align="bottom">Text</caption>. The caption would be aligned in the bottom center. The "Text" would be what you wish your caption would say.

5. Add the third line. This part is mostly coding, explaining the program and the table method. The line would look similar to this; "<tr><td><img src="image.img"></td></tr>. In the "img src" section must have the image file name in place.

6. Place the final line. This line will end the table and your caption below your picture will be complete. Simply put: </table>.