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 (n - z)

Contents

HTML Elements (l - m)

`<nobr> no break`

This element prevents a line of text from wrapping around within the browser window. If a line of text within the tags is too long to fit in the window, a horizontal scroll should appear on the browser to allow the user to view the whole line.


<nobr>

Put your line of text in here and it won't wrap around.  Put your line of text in here and it won't wrap around.  Put your line of text in here and it won't wrap around.  Put your line of text in here and it won't wrap around.

</nobr>

Put your line of text in here and it won't wrap around. Put your line of text in here and it won't wrap around. Put your line of text in here and it won't wrap around. Put your line of text in here and it won't wrap around.

`<noframes>`

Element included in a frame definition document to provide content for browsers unable to handle frames. See the section on Frames.

`<noscript>`

Element included to provide content for browsers unable to run Java or Visual Basic scripts.

`<object>`

Microsoft Internet Explorer 3 only. Essentially this is similar to the embed tag as it is used to insert non-standard applications such as ActiveX controls. It is currently the focus of the HTML working groups Compound Document draft specification - more information will follow when/if the tag is better defined and more universally accepted.

`<ol> ordered list`

Described on a separate page dedicated to lists.

`<option> form list item`

Click here to learn all about creating forms.

`<p> paragraph`

Used to indicate a new paragraph. Automatically inserts a blank line before the new paragraph.

align="left | center | right"
Left, centre or right justifies a paragraph.

A paragraph. <p align="center">The next paragraph, centered.
A paragraph.
The next paragraph, centered.

`<pre> pre-formatted text`

The most useful application of this element is for displaying extracts of programming code as the text is rendered as a fixed-width font and the <br> tag is not necessary to cause a line-break. It is sometimes used to display text in a tabular or column format, as all spaces typed in the HTML code are displayed by the browser. Combined with the fixed-width font, this facilitates the alignment of text. Similar to <listing> and <xmp>.

I do not recommend the use of <pre> for formatting a few words at a time, as unpredicable results are occasionly produced. Use <code> or <tt> as an alternative.


<pre>

FOR x=1 TO 10

PRINT "The square of ";x;" is ";x^2

NEXT x

</pre>

FOR x=1 TO 10
PRINT "The square of ";x;" is ";x^2
NEXT x

`<s strike>`

A logical style used to put a horizontal line through text - as in 'red lining'. This is indentical to the <strike> element - click it for more information.

`<samp> sample text`

Used to show text which is stated literally. Often displays in a fixed-width font.


When in DOS, why is it you often get a <samp>bad file name</samp> message but never an <samp>excellent file name</samp> message?

bad file name

excellent file name

`<select> form list box`

Click here to learn all about creating forms.

`<sound>`

Only supported by NCSA Mosaic, this element plays in-line sound. The sound file can be placed anywhere in the document and it will be played when its position is visible in the document window.

src="URL"
Specifies the address of a sound file to be played. The files must be of the .wav format; MIDI files are not supported.
loop="n | infinite"
Specifies how many times a sound file will play when activated. If n=-1, or if loop=infinite, it will play indefinitely. If the tag is placed at the top of the document (assuming the document is viewed from the top), this attribute effectively makes the tag very similar to <bgsound> and plays the sound in the background. See also Special Procedures.
delay="value"
Allows you to specify a delay, in seconds, before the sound file plays.
<sound src="sounds/blakmeat.wav" delay=2 loop=3> see/hear example

`<spacer>`

Only supported by Netscape Navigator 3 upwards, this element inserts blank space on the web page. You can specify horizontal space between words, vertical space between lines or a rectangular area of blank space.

type="horizontal|vertical|block"
Specifies the type of spacer: horizontal space between words, vertical space between lines or a rectangular area of blank space.
size=pixels
Specifies the horizontal or vertical space in pixels. Not applicable when type is set to block.
width=pixels
Sets the width of a rectangular spacer block in pixels or as a percentage of window width. Not applicable when type is set to horizontal or vertical.
height=pixels
Sets the height of a rectangular spacer block in pixels. Not applicable when type is set to horizontal or vertical.
align=left|right|middle|top|texttop|absmiddle|baseline|bottom|absbottom
This attribute only works when type is set to block. The has exactly the same values as with the <img> tag. You are effectively aligning a blank image.
The left and right values create a floating spacer block which finds the next available margin to allow text to wrap. 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 block with the baseline of the current line. Absmiddle aligns the middle of the block with the middle of the current line. Baseline aligns the bottom of the block with the baseline of the current line. Bottom does exactly the same as baseline. Absbottom aligns the bottom of the block with the bottom of the current line.
You must use align if you wish to wrap text around the spacer block.
<spacer type="block" height=50 width=50% align="right"> "Geri was well endowed with a feisty character, but could not sing.. I remember being there singing with the girls and saying to her 'Geri, you're out of tune'. She would then go off to the toilet and we would hear her practising in there." <br><spacer type="horizontal" size=200> Despite their raunchy image, Ian recalls that when they first started rehearsing at Trinity they seemed quite shy. But gradually the girls started to gel and became more boisterous. Ian recalls, "I was standing in the studio one day. The next thing I knew, my trousers were around my ankles. The girls were just standing there laughing their socks off."
"Geri was well endowed with a feisty character, but could not sing.. I remember being there singing with the girls and saying to her 'Geri, you're out of tune'. She would then go off to the toilet and we would hear her practising in there."
Despite their raunchy image, Ian recalls that when they first started rehearsing at Trinity they seemed quite shy. But gradually the girls started to gel and became more boisterous. Ian recalls, "I was standing in the studio one day. The next thing I knew, my trousers were around my ankles. The girls were just standing there laughing their socks off."

`<strike>`

A logical style used to put a horizontal line through text - as in 'red lining'. This is indentical to the <s> element.


I like driving in my car.  It's not quite a <strike>Saab</strike> Jaguar.

~~Saab~~

`<strong>`

A logical style used to give strong emphasis to a section of text. Usually rendered in bold. See also: <em>.


<strong>Warning: <strong>

no entry without protection.
</pre>

Warning:

`<sub> subscript`

A physical style for displaying subscripted text.


Sulphuric acid, H<sub>2</sub>S0<sub>4</sub>.

₂

₄

`<sup> superscript`

A physical style for displaying superscripted text.


Equation of a circle: r<sup>2</sup> = x<sup>2</sup> + y<sup>2</sup>.

`<table>`

Click here to learn all about creating tables.

`<td> table data`

Click here to learn all about creating tables.

`<textarea> form input box`

Click here to learn all about creating forms.

`<th> table heading`

Click here to learn all about creating tables.

`<title>`

The title element should contain a complete one-line summary of the document, ie. "Introduction" is not sufficient, but "Sizzling HTML Jalfrezi: Introduction" would suffice. The title of a loaded document appears at the top of a Netscape window. When coding, the title should be placed within the <head> tags.
A shell document would therefore follow the following format:


<html>

<head>

<title>Sizzling HTML Jalfrezi: A Shell Document</title>

</head>

<body>

The document in here

</body>

</html>

`<tr> table row`

Click here to learn all about creating tables.

`<tt> typewriter text`

A physical style for displaying text in a fixed-width font. See also <code> and <pre>.


Courier is an example of a <tt>fixed-width font</tt>, as is MS LineDraw.

fixed-width font

`<u> underline`

A physical style for displaying text underlined. Only supported by Netscape Navigator 3.x and MS Internet Explorer 3.x upwards.


Ooh, suits <u>you</u>, sir.

you

`<ul> unordered list`

Described on a separate page dedicated to lists.

`<xmp>`

Similar to <pre> and <listing>. Used to render blocks of text in a fixed-width font and so is suitable for text that has been formatted on screen. It should be rendered so that a limit of 80 characters will fit on a line.

I do not recommend the use of <listing> for formatting a few words at a time, as unpredictable results are occasionly produced. Use <code> or <tt> as an alternative.


<xmp>

FOR x=1 TO 10

PRINT "The square of ";x;" is ";x^2

NEXT x

</xmp>

FOR x=1 TO 10 PRINT "The square of ";x;" is ";x^2 NEXT x

Contents

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.