|
Free HTML Graphic Code Reference
Horizontal Rule (HR) Tag
The horizontal rule <hr> tag is a line across your web page. It
separates one idea from another, and can just make your web page easier
to read. The <hr> tag does not use a closing tag.
|
Syntax
<HR - size=xxx width=xxx align=position color="#rrggbb"
noshade>
|
Modifiers
- SIZE=number
- The size is the thickness of the
line.
- WIDTH=number
- Width, in either pixels or the percentage of the screen (ie; 80%).
-
- ALIGN=position
- The align modifier controls the horizontal location, with respect to the field the item resides in. Options can be LEFT, CENTER or RIGHT.
- NOSHADE
- Takes out any shading or third dimension
attributes.
- COLOR="color"
- Defines the color of the line.
|
|
IMG Tag
The <img> tag gives us graphical capabilities and helps make
cool html code. The web allows us to share any graphical image as long
as it is a .GIF or a .JPG file. The <img> tag does not use a
closing tag. A cute graphic can really enhance your web site.
|
Syntax
<IMG - src="url" width=xxx height=xxx
align=position border=xx alt="description" hspace=xx
vspace=xx usemap="url">
|
Modifiers
- SRC="URL"
- The URL is the location and filename of
the image file.
- WIDTH=number
- Width, in either pixels or the percentage of the screen (ie; 80%).
-
- HEIGHT=pixels
- The actual height of the image in pixels.
- ALIGN=position
- The align modifier controls the horizontal location, with respect to the field the item resides in. Options can be LEFT, CENTER or RIGHT.
- BORDER=pixels
- Builds a frame around the picture
the width of the number of pixels. BORDER=0 would put
no border around the image.
- ALT="Description"
- This is the alternate description
for people without graphical browsers (the blind). It
is also noted by the Search Engines.
- HSPACE=pixels
- HSPACE is the amount of horizontal
spacing between the picture and any surrounding text.
- VSPACE=pixels
- VSPACE is the amount of vertical
spacing between the picture and any surrounding text.
- USEMAP="URL of Map"
- Points to a MAP defining specific
spots on the graphic as different links.
|
Tips
- URL
- The URL of the image can be located by a relative
address (../pics/image.gif) or by an absolute address
(http://www.nampa.net/pics/line.gif).
- WIDTH or HEIGHT
- The actual values can be determined by
looking at them with a browser. Incorrect values can
be used, but distort the picture. If left out, the
browser can determine the values, but on a complex page
it can take a noticable amount of time.
|
|
EMBED Tag
The <embed> tag starts an appropriate browser plugin,
located on the client computer. The SRC modifier is the
only required modifier. This is usually done with media
clips, like sounds or movies.
|
Syntax
<EMBED - src="url" width=xxx height=xxx align=position
pluginspage="url" hidden="true/false" href="link url"
target="location" autostart="true/false" loop="true/false"
playcount="#reps" volume="loudness" controls="control display"
controller="true/false" starttime="" endtime="">
|
Modifiers
- SRC="URL"
- The URL is the location and filename of
the file.
- WIDTH=number
- Width, in either pixels or the percentage of the screen (ie; 80%).
-
- HEIGHT=pixels
- The actual height of the image in pixels.
- ALIGN=position
- The align modifier controls the horizontal location, with respect to the field the item resides in. Options can be LEFT, CENTER or RIGHT.
- PLUGINSPAGE="URL"
- The URL is the location
of page to get the Browser plugin to install in
case the client doesn't already have it.
- HIDDEN
- In case you need to hide the plugin. Options are
TRUE or FALSE.
- HREF="URL"
- Allows the embedded object
to act as a link to another URL.
- TARGET="target-window-name"
- Defines the window the
link result will appear in. Options are _blank (a new
blank window), _self (current link window), _parent
(previous window), _top (full body of current window) or
top (into a new blank window).
- AUTOSTART
- Indicates whether to automatically start the
media clip when page is loaded. Options
include TRUE or FALSE.
- LOOP
- Indicates whether to allow multiple plays. Options
are TRUE or FALSE.
- PLAYCOUNT="reps"
- Controls number of repetitions
to play.
- VOLUME
- Controls volume (user still has ultimate
control. Options are 0 (silent) to 100 (loudest).
- CONTROLS
- Defines to control console to show
the user. Options include CONSOLE, SMALLCONSOLE,
PLAYBUTTON, PAUSEBUTTON, STOPBUTTON
or VOLUMELEVER.
- CONTROLLER
- Indicates whether to show controls
or not. Options are TRUE or FALSE.
- STARTTIME
- Usually used in conjunction with ENDTIME,
indicates (with AUTOSTART) the time to start.
Options are in minutes:seconds.
- ENDTIME
- Usually used in conjunction with STARTTIME,
indicates (with AUTOSTART) the time to end.
Options are in minutes:seconds.
|
|
|
