Notes to "Introduction to Web Design Day Two |
1. Align: deprecated
Deprecated Example:
<IMG align = right SRC = /old?u=http%3A%2F%2Fwdvl.com%2FAuthoring%2FHTML%2FTutorial%2FImage%2Fimage.gif&y=1999" >
CSS Example:
<STYLE type="text/css">
IMG { float: right }
</STYLE>
</HEAD>
<BODY>
<IMG SRC = "/old?u=http%3A%2F%2Fwdvl.com%2FAuthoring%2FHTML%2FTutorial%2Fimage.gif&y=1999"
WIDTH = 318
HEIGHT = 616
BORDER = 0
>
<P>...lots of text...
2. BR clear= deprecated
Deprecated Example:
<BR clear="left">
CSS Example:
<STYLE type="text/css">
IMG { float: right }
BR { clear: left }
</STYLE>
</HEAD>
<BODY>
<IMG SRC = "/old?u=http%3A%2F%2Fwdvl.com%2FAuthoring%2FHTML%2FTutorial%2Fimage.gif&y=1999"
WIDTH = 318
HEIGHT = 616
BORDER = 0
>
<P>...lots of text...
BR can be combined with the id attribute to specify its behavior for a specific instance.
<HEAD>
<STYLE type="text/css">
BR.mybr { clear: left }
</STYLE>
</HEAD>
<BODY>
<IMG SRC = "/old?u=http%3A%2F%2Fwdvl.com%2FAuthoring%2FHTML%2FTutorial%2Fimage.gif&y=1999"
WIDTH = 318
HEIGHT = 616
BORDER = 0
>
<P>...lots of text...
<BR id="mybr">
...Lots more text...
------------- *********
------------- | |
--<BR id="mybr"> | table |
| |
*********
-----------------------------
-----------------------------
VSPACE & HSPACE: deprecated
Deprecated Example:
<IMG SRC = "/old?u=http%3A%2F%2Fwdvl.com%2FAuthoring%2FHTML%2FTutorial%2Fimage.gif&y=1999" VSPACE = "15" HSPACE = "15" ALIGN = "LEFT" >
CSS Example:
<STYLE TYPE="text/css">
IMG { margin: 5mm }
</STYLE>
<STYLE TYPE="text/css">
IMG { margin: 5px 10px 10px 10px }
</STYLE>
Return to "Introduction to Web Design Day Two | Image Placement and Alignment"
