Collected by
Elizabeth Janson
Home Page

Elements

  Elements described on this page:-address, b, big, blockquote, br, cite, code, dfn, div, em, font, H1 - H6, hr, i, img, ins and del, kbd, listing, nobr, nowrap, p, plaintext, pre, q, s, samp, small, strong, sub, sup, tt, u, var.

<hr> has style and intrinsic events

The HR element causes a horizontal rule to be rendered by visual user agents.
The amount of vertical space inserted between a rule and the content that surrounds it depends on the user agent.
HR stands alone - 'Start tag: required, End tag: forbidden'
align = left|center|right, with the default as center, size may be expressed in pixels, and width as a percentage, default is 100%. We can add style (inline style information)
and (intrinsic events) - onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

<A HREF="" ONMOUSEOVER = "alert('See, here\'s still another simple message. You can easily change it.')")><hr color=blue size=5 width=80%></a>

<br> is no longer without features

  • <br>: * signifies line break.
    In the Style-sheet :-
	.br { MARGIN: 0px; background-Color: #99ff99; /* palegreen */
	    }
In the text :-
	<P style="background-Color: #cccc66">This is p. 
	<P class=br>This is p class=br. 'MARGIN: 0px;' is important! 
	Notice that there is no blank line inserted 
	between this line and the previous one. 
	In this regard, p br works like <br>. 
	Unlike <br>, it need not be an empty tag. </p>
	and this is the rest of the outer paragraph.</P>

    This is p.

    This is p class=br. 'MARGIN: 0px;' is important! Notice that there is no blank line inserted between this line and the previous one. In this regard, p br works like <br>. Unlike <br>, it need not be an empty tag. It can contain attributes specifying color, size, and so forth.

    and this is the rest of the outer paragraph.

    Using the '#cccc66' background, shows that oddly, background is not inherited by the 'end words' of the parent paragraph.

    Did you know?

    To put the page in the top left corner of the screen, Netscape uses 'marginheight="0" marginwidth="0"', while IE uses 'topmargin="0" leftmargin="0"' in the BODY element.

    Dressing up

    Elements on other pages

    Lists:- ul, ol, li, dd, dt, dl,

    Tables:- caption, col, colgroup, colspan, rowspan, table, td, tbody, tfoot, th, tr, thread,

    Subjects I have not tackled

    Visual formatting of tables uses frame, rules, border, align and valign, cellpadding and cellspacing, nowrap, title.
    Table rendering by non-visual user agents uses headers, scope, summary, caption, abbr, id.
    Forms and Frames are the next learning curve, appear to use textarea, select, input, ....?

    In case you have forgotten

    Font style elements are TT, I, B, BIG, SMALL, STRIKE, S, and U
    Formatting elements are BGCOLOR, FONT, HR
    Phrase elements are EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, and ACRONYM

    Here are the meanings of some of the less obvious elements.
    <CENTER> is deprecated to become the align value "center" used as { text-align: center }

    • <p align="center">: signifies the centering of something</p>

    • <hr>: signifies a horizontal line
    • <b>: signifies bold text, being replaced with <STRONG>: signifies strong text.
    • <u>: signifies underlined text
    • <s>: signifies strikethrough text, and so does <strike>: signifies strike text.
    • <font>: was used for font color, size and font-face
    • <h1> through <h6>: signifies a header. Larger number = smaller size
    • <big>: signifies text sized one size bigger
    • <small>: signifies text sized one size smaller
    • <sup>: signifies a superscript
    • <sub>: signifies a subscript
    • <p/div align="center/left/right">: signifes an alignment setting
    • <div>: signifies a division of the page (useful in CSS & DHTML)
    • <nobr>: signifies non-breaking line
    • <p>: * signifies a paragraph break (close tag no longer optional)
    • <listing>: signifies a very shrunken text on a new linelisting
    • <ins> and <del> are used to markup a document
    These two elements are unusual for HTML in that they may serve as either block-level or inline elements (but not both at once).
    DEL puts a strike through it's contents, INS does an underline, and both allow Tool-tips.

    <INS datetime="2000-11-05T08:15:30-05:00" title="Changed on 5 Nov 2000 as a result of Steve B's comments in meeting."> Furthermore,</INS> the latest figures suggest that such practice is on the rise.
    Furthermore, the latest figures suggest that such practice is on the rise.

    "A Sheriff can employ <DEL title="Changed on 5 Nov 1994 by Steve B's comments.">3</DEL> <INS>5</INS> deputies."
    "A Sheriff can employ 3 5 deputies."

    • <i>: signifies italic text, replaced by <em>: signifies italic text
    • <em>: signifies emphasised inline text
            Italic text can also be created using the cite, dfn, var and address tags.
    • <dfn>: signifies defined text text.
    • <cite>: signifies cited inline text
    • <var>: signifies a variable also inline text
    • <address>: starts a new line with italic text, using provided formatting
      address, address
    • <Q>: signifies a quote within a blockquote (or other BLOCK element)

    <Q> does not appear to <Q>change any inline</Q> feature,
    unless <Q STYLE="color:red">it has style</Q> properties attached.

    <Q> does not appear to change any inline feature, unless it has style properties attached.

    < t t > and < k b d > and < s a m p > and <c o d e >
    each set text off from the other text by changing them to a courier-like font.
    <b l o c k q u o t e> and < p r e > create blocks of text

    • <tt>: signifies typewriter text
    • <kbd>: signifies keyboard text
    • <samp>: signifies sampled text
    • <code>: designates a fragment of computer code
    • <pre>: changes the font, starts a new paragraph, 
      gives us
preformatted text
    • <blockquote>: does not change the font, indents the paragraph.
    Blockquote indents the text, but ignores line-breaks unless
    <BR> is used to show the way,
    unlike <PRE> which uses my line-breaks but does not indent the paragraph.
  • Combine <blockquote> and <PRE> 
    Blockquote indents the text, 
but ignores line-breaks unless 
<BR> is used to show the way,
unlike <PRE> which uses my line-breaks and 
changes the text.
  • <plaintext>: changes the rest of the page to show source code.
    How can it be turned off? I found </plaintext> was ignored.

    • Email
    CSS begins here
    Back to Elements explained, or on to style sheet enhancements to organise links.

    This page is part of Elizabeth Janson's web site

    http://www.oocities.org/elizatk/index.html

    My other sites are the Anglican Parish of Northern Mallee,
    Tetbury residents in the Eighteenth Century
    my Australian Family History and Barrie, our Family Poet.