SPEED
| A | B | C | D | E | F | H | I | K | L |
| M | N | O | P | S | T | U | V | W | X |
FINDER

Any comments: e-mail me, feedback or show your appreciation

The HTML Elements (i - k)

Contents

HTML Elements (c - h)

`<i> italic`

A physical style for displaying text in an italic or slanted font. See also <em>.


<i>Drilling?</i>, repeated Ginger, <i>How would I know how to drill? I'm
a cat...</i>, he said.

Drilling?

How would I know how to drill? I'm a cat...

`<iframe> floating frame`

Microsoft Internet Explorer 3+ only. 'Floating' frames are basically windows containing a web pages. They are specified in a similar way to images.

src=URL
This attribute is always required and is used to state the URL ie. address of the HTML file to be displayed in the frame.
height=pixels|percent, width=pixels|percent
As with images, the height and/or width of the floating frame should be specified in pixels or as a percentage or the browser window width.
hspace=pixels
As with images, this specifies a horizontal space on either side of the frame, in pixels.
vspace=pixels
As with images, this specifies a vertical space at the top and bottom of the frame, in pixels.
align=left|right
As with images, you can align your frame to the left or right margins to allow text and graphics to wrap alongside. Use the <br> tag to prevent the wrapping.
frameborder=0
Normally the floating frame is displayed with a 3D 'recessed' effect. You can have a more seamless look by set the frameborder to zero.
<iframe align=right hspace=40 width=75% height=150 src="http://www.woodhill.co.uk/setup/houshold.htm"> </iframe> <br clear=all>
<BR>

`<img> image`

Used to place an image or graphic on the screen.

src=URL
This attribute is always required and is used to state the source, ie. URL of the image.
lowsrc=URL
Netscape only. This attribute instructs the browser to display an initial image, load the rest of the document, and then display the main image as specified by the src attribute. The most useful application of this attribute is to provide initially a low resolution, ie. quick download, version of the main picture. The main picture then fades in over its low resolution image. Any height or width attributes specified will be applied to both images. If no height or width attributes are supplied then the second image, as specified by the src attribute, will be scaled to the same dimension as the intial lowsrc image.
align=left|right|middle|top|texttop| absmiddle|baseline|bottom|absbottom
As you can see, Netscape have massively extended this attribute. The left and right are probably the most useful and create a new floating type graphic which finds the next available margin to allow text to wrap. The rest of the align options are an attempt to get graphics to do exactly what you want them to. Top aligns with the top of the tallest item in the line. Texttop aligns with the top of the tallest text in the line (not always the same as top). Middle aligns the middle of the image with the baseline of the current line. Absmiddle aligns the middle of the image with the middle of the current line. Baseline aligns the bottom of the image with the baseline of the current line. Bottom does exactly the same as baseline. Absbottom aligns the bottom of the image with the bottom of the current line.
You must use align if you wish to wrap text around the graphic, otherwise the image will behave as a character. Note: to place an image in the centre of the screen you must use <center>, however text will not wrap around the graphic in this case.
alt=text
This is used to add an alternative text for non-graphical browsers, or to be displayed by browsers with graphic loading turned off. The text is conventionaly provided inside square brackets for clarity. MS Internet Explorer also uses any alt text set as a ToolTip to be displayed when the users mouse pauses over the image.
border=value
When the image is included in a hypertext link, the default border which indicates a link can be resized in terms of pixels. Set border=0to turn off the border.
height=value, width=value
The height and/or width of a graphic can be specified in pixels. Netscape is the only browser that will scale the whole image if only one of either the width or height attributes are specified, maintaining the aspect ratio. Not all browsers support this attribute. It is very good idea to specify the width and height for every image you use, as browsers can then display text before the images have loaded, giving the effect of quicker downloads.
hspace=value
Specifies a horizontal space in pixels, to the left and right of the image. Prevents text wrapping right up to the edge of the image.
vspace=value
Specifies a vertical space in pixels, to the top and bottom of the image. Prevents text wrapping right up to the edge of the image.
<a TARGET="_top" href="http://adaweb.com/adaweb/influx/long/long0.html"> <img align="left" border=0 height=75 lowsrc="graphics/body0.gif" src="graphics/body1.gif" hspace=15 alt="[amorphous body]"> Armorphous body</a>
Armorphous body
dynsrc=URL
MS Internet Explorer only. This attribute allows you to include video in your document. The video clips must be Audio Video Interleave (.AVI) format. The previously mentioned attributes including align, width and height will still be applied to video. If the src attribute is also used then browsers not supporting dynsrc can display a still image instead of video. The start, controls, loop and loopdelay attributes can be used with dynsrc to determine how the video plays.
start=fileopen | mouseover
MS Internet Explorer only, used with dynsrc. Specifies when the video starts playing. If set to fileopen, the video starts playing as soon as it loaded. If set to mouseover, the video starts playing as soon as the mouse cursor is moved over it. Both values can be specified at the same time.
loop="n | infinite"
MS Internet Explorer only, used with dynsrc. Specifies how many times the video will play when activated. If n=-1, or if loop=infinite, it will play indefinitely.
loopdelay="n"
MS Internet Explorer only, used with dynsrc. Specifies the delay between play loops in milliseconds.
controls
MS Internet Explorer only, used with dynsrc. If this attribute is present then a play/pause/skip control panel is displayed under the video window.
<img dynsrc="video/arrow.avi" src="graphics/arrow.jpg" start="mouseover" loop=2 loopdelay=500 controls>

View the example
ismap
Sets the graphic as a server-side image map. For more information, see the section dedicated to Image maps.
usemap="name"
Sets the graphic as a client-side image map. The usemap attribute contains the location of the map file and uses the same syntax as the href attribute of the <a> element. The map definition can be contained within the HTML document, in which case a # is used to indicate a local file. If the map was contained separately in a graphics directory, the usemap attribute could read usemap="graphics/picture.map". For more information, see the section dedicated to Image maps.

`<input> form input box`

Click here to learn all about creating forms.

`<kbd> keyboard`

A logical style for indicating text typed by a user. Usually rendered with a monospaced font.


Type your <kbd>login</kbd> and <kbd>password</kbd> to continue.

login

password

Contents

HTML Elements (l - m)

Sizzling HTML Jalfrezi
©1997 Richard Rutter
`rrutter@woodhill.co.uk`

Maintenance of this page is attempted by Richard Rutter (rrutter@woodhill.co.uk) using the gorgeous HTML Notepad and the wonderful Sizzling HTML Jalfrezi.