Alignment
Basics
Character Codes
Colors
CSS
DIVS
Forms
Frames
Links
Lists and Bullets
Meta Tags
Multimedia
Pictures
Spacing
Tables
Text
Adding Pictures
Align Pictures
Alternative Name
Background Picture
Picture Border
Picture Link
Picture Spacing
Table Background
Width and Height
Align Pictures
[notify admin to delete page]
248
Align Left
Delete Section
Description
Here, 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">
Here, 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">
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="LEFT">
Output
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="LEFT">
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="LEFT">
Practice
Cannot Edit - Code section automatically placed here.
Align Right
Delete Section
Description
Here, 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">
Here, 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">
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="RIGHT">
Output
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="RIGHT">
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="RIGHT">
Practice
Cannot Edit - Code section automatically placed here.
Align Center
Delete Section
Description
Here, 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.
Here, 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>
<CENTER> <IMG SRC="http://www.activejump.com/images/sample.jpg"> </CENTER>
Output
<CENTER> <IMG SRC="http://www.activejump.com/images/sample.jpg"> </CENTER>
<CENTER> <IMG SRC="http://www.activejump.com/images/sample.jpg"> </CENTER>
Practice
Cannot Edit - Code section automatically placed here.
Align Top
Delete Section
Description
This 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">
This 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
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="TOP"> Welcome To My Site
Output
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="TOP"> Welcome To My Site
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="TOP"> Welcome To My Site
Practice
Cannot Edit - Code section automatically placed here.
Align Middle
Delete Section
Description
This 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">
This 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
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="MIDDLE"> Welcome To My Site
Output
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="MIDDLE"> Welcome To My Site
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="MIDDLE"> Welcome To My Site
Practice
Cannot Edit - Code section automatically placed here.
Align Bottom
Delete Section
Description
This 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">
This 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
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="BOTTOM"> Welcome To My Site
Output
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="BOTTOM"> Welcome To My Site
<IMG SRC="http://www.activejump.com/images/sample.jpg" ALIGN="BOTTOM"> Welcome To My Site
Practice
Cannot Edit - Code section automatically placed here.
Click to add Section
Advertisements
