How to Add an Image Caption in Dreamweaver


Adobe Dreamweaver is a website creation tool that enables you to insert HTML for building your pages. An image caption is a title that is associated with -- and located beneath -- the image. You want this caption to remain beneath the image regardless of the text flow or possible page breaks. Use the DIV code to achieve this.

  • Open your HTML document using Dreamweaver.

  • Choose "View" from the top menu, then "Code" to display the code view, if necessary. Locate the image coding and include it within open and end DIV tags as follows:


    &lt;img src="mypic.gif"  />


  • Insert the caption within this div and inside its own div as in the following example.


    &lt;img src="mypic.gif"  />

    <div>My Pic Caption</div>


    The DIVs cause the grouping to stay together.

Promoted By Zergnet



You May Also Like

Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!