Align Pictures
Align Left
DescriptionHere, you will learn how to align your picture to the left of the screen. The tag to align the picture left is ALIGN="LEFT". This adds onto the picture tag so the final result looks like:

<IMG SRC="url" ALIGN="LEFT">
Code
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="LEFT">
Output
Practice
Align Right
DescriptionHere, you will learn how to align your picture to the right of the screen. The tag to align the picture right is ALIGN="RIGHT". This adds onto the picture tag so the final result looks like:

<IMG SRC="url" ALIGN="RIGHT">
Code
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="RIGHT">
Output
Practice
Align Center
DescriptionHere, you will learn how to align your picture to the center of the screen. The starting tag is <CENTER> and the closing tag is </CENTER>. The picture(s) between these two tags is what is aligned to the center.
Code
<CENTER>

<IMG SRC="http://www.activejump.com/images/sample.jpg">

</CENTER>
Output
Practice
Align Top
DescriptionThis functions specifies where the text is placed in relation to the picture. Here, the text will be placed at the top of the picture. The tag to align the text to the top of the picture right is ALIGN="TOP". This adds onto the picture tag so the final result looks like:

<IMG SRC="url" ALIGN="TOP">
Code
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="TOP">

Welcome To My Site
Output
Welcome To My Site
Practice
Align Middle
DescriptionThis functions specifies where the text is placed in relation to the picture. Here, the text will be placed in the middle of the picture. The tag to align the text to the middle of the picture right is ALIGN="MIDDLE". This adds onto the picture tag so the final result looks like:

<IMG SRC="url" ALIGN="MIDDLE">
Code
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="MIDDLE">

Welcome To My Site
Output
Welcome To My Site
Practice
Align Bottom
DescriptionThis functions specifies where the text is placed in relation to the picture. Here, the text will be placed at the bottom of the picture. The tag to align the text at the bottom of the picture right is ALIGN="BOTTOM". This adds onto the picture tag so the final result looks like:

<IMG SRC="url" ALIGN="BOTTOM">
Code
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="BOTTOM">

Welcome To My Site
Output
Welcome To My Site
Practice
Advertisements