Sideway BICK BlogSideway BICK BLOG from Sideway

A Sideway to Sideway Home
Home
Output.to

Link:http://output.to/sideway/default.asp?qno=100800038

HTML Simple Page

HTML Single Column Page Construction

The text contents of a HTML document can be manipulated in block-level and text-level. Usually the block-level elements begin on new lines are used to format the text contents in a block scale for constructing the page format.

For a simple single column HTML page, the text contents can be broken into paragraphs. The <p> element is the most common element used to divide the text contents into paragraphs. And element tags, such as <h1>,..., <h6>, <hr>, <pre>, <blockquote>, <address>, can also be used to define the hierarchy and the structure of a page.

The paragraph element, <p>, always insert a line space margin before and after a paragraph.

The 6 heading elements, <h1>...<h6>, are always in bold style with the associated font size and a line space margin is inserted before and after the heading contents.

The block quotation element, <blockquote>, is not associated with a font size. A line space margin is also inserted before and after the block quotation contents. Besides, the block quotation contents are also indented at both the left and right margin as a indented block.

The preformatted elements, <pre>, are always associated with a fixed pitch font. A line space margin is also inserted before and after the preformatted block with the preserved.white space.

A horizontal line element, <hr>, is use to draw a horizontal line across the page.

The contact address element, <address>, renders the text in italic style and only a line break is inserted before and after the address contents.

The text contents can further be rendered into a more readable format by using the attributes of element tags, for examples text alignment, underline etc.

Code Sample:
<body>
<h1>Heading 1 of HTML Page</h1>
<p>Paragraph 1 of <span style="font-size:xx-large">
<b>HTML</b></span> page under h1 <br>next line</p>
<p>Paragraph 2 of <span style="font-size:32">
<b>HTML</b></span> page under h1</p>
<h2>Heading 2 of HTML Page</h2>
<p>Paragraph 3 of <span style="font-size:x-large">
<b>HTML</b></span> page under h2 <br>next line</p>
<p>Paragraph 4 of <span style="font-size:24">
<b>HTML</b></span> page under h2</p>
<h3>Heading 3 of HTML Page</h3>
<p>Paragraph 5 of <span style="font-size:large">
<b>HTML</b></span> page under h3 <br>next line</p>
<p>Paragraph 6 of <span style="font-size:18">
<b>HTML</b></span> page under h3</p>
<h4>Heading 4 of HTML Page</h4>
<p>Paragraph 7 of <span style="font-size:medium">
<b>HTML</b></span> page under h4 <br>next line</p>
<p>Paragraph 8 of <span style="font-size:16">
<b>HTML</b></span> page under h4</p>
<p style="font-size:16">Paragraph 9 of
<b>HTML</b> page under h4</p>
<h5>Heading 5 of HTML Page</h5>
<p style="font-size:small">Paragraph 10 of
<b>HTML</b> page under h5 <br>next line</p>
<p style="font-size:13">Paragraph 11 of
<b>HTML</b> page under h5</p>
<h6>Heading 6 of HTML Page</h6>
<p style="font-size:11">Paragraph 12 of
<b>HTML</b> page under h6</p>
<p style="font-size:x-small">Paragraph 13 of
<b>HTML</b> page under h6 <br>next line</p>
<p style="font-size:10">Paragraph 14 of
<b>HTML</b> page under h6</p>
A block quotation of ..........
.......... .......... .......... .......... .......... .......... ..........
.......... .......... .......... .......... .......... .......... .......... from reference:
<blockquote>Block quotation from
.......... .......... .......... .......... .......... .......... ..........
.......... .......... .......... .......... .......... .......... ..........
other resources ...</blockquote> End of quotation
<pre>A preformatted section
next line.............
next indented line ...............
end of section.</pre>
<hr>
Author <br>contact: <address>sideway.hk</address>Date 2010
</body>
Page Sample:

Heading 1 of HTML Page

Paragraph 1 of HTML page under h1
next line

Paragraph 2 of HTML page under h1

Heading 2 of HTML Page

Paragraph 3 of HTML page under h2
next line

Paragraph 4 of HTML page under h2

Heading 3 of HTML Page

Paragraph 5 of HTML page under h3
next line

Paragraph 6 of HTML page under h3

Heading 4 of HTML Page

Paragraph 7 of HTML page under h4
next line

Paragraph 8 of HTML page under h4

Paragraph 9 of HTML page under h4

Heading 5 of HTML Page

Paragraph 10 of HTML page under h5
next line

Paragraph 11 of HTML page under h5

Heading 6 of HTML Page

Paragraph 12 of HTML page under h6

Paragraph 13 of HTML page under h6
next line

Paragraph 14 of HTML page under h6

A block quotation of .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... from reference:
Block quotation from .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... other resources ...
End of quotation 
A preformatted section
next line.............
        next indented line ...............
end of section.
Author
contact:
sideway.hk
Date: 2010
required   Optional tag   Deprecated   Transitional   Frameset   Exclusion
Optional Element or Content Occurrence Character:
(+) one or more;  (*) zero or more;  (?) zero or one times;  ( ) exactly once 
Choice or Sequence Element or Content :
(|) or  (&) and  (,) sequence  (+) include  (-) exclude

Link:http://output.to/sideway/default.asp?qno=100800037

tag list

HTML 401 tags

<!--...--> open tag: <!-- end tag: -->
The <!--...--> element is used to define a document commenting division which is not for content rendering in the HTML document 
child elements: ( plain text ) -( "--" )
attributes: ---
events: ---
<!DOCTYPE>
<!DOCTYPE> is a tag used for document type declaration. It must be the first line of a HTML document and is used to specify what version of HTML is used in the document. For HTML 4.01 specification, there are three DTDs.
child elements: ---
attributes: HTML PUBLIC "FPI" ["URL"]
events: ---
HTML 4.01 Strict DTD:
The Strict DTD allows the using of all elements and attributes, except those are outdated. Frameset is also not allowed.
HTML Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional DTD:
The Transitional DTD allows the using of all Strict DTD elements and attributes, including those outdated elements and attributes. Frameset is not allowed also.
HTML Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset DTD:
The Frameset DTD allows the using of all Transitional DTD elements and attributes, but allowing the usage of frameset.
HTML Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<a> open tag: <a> end tag: </a>
The <a> element is used to define an anchor of the element text content in the HTML document.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir charset type name href hreflang target rel rev accesskey shape coords tabindex
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup onfocus onblur
<abbr> open tag: <abbr> end tag: </abbr>
The <abbr> element is used to markup the element text content as the abbreviated form test sytle of an abbreviation of words.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<acronym> open tag: <acronym> end tag: </acronym>
The <acronym> element is used to markup the element text content as acronym form text style of an acronym of words.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<address> open tag: <address> end tag: </address>
The <address> element iis used to define contact information section of the HTML document.
child elements: ( ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) ) | ( <p> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<applet> open tag: <applet> end tag: </applet>
The <applet> element is used to define a division for rendering an embedded applet by including an applet code through code attribute in the HTML document.
child elements: ( <param> | ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) ) ) )*
attributes: id class style title codebase archive code object alt name width height align hspace vspace
events: ---
<area> open tag: <area> end tag: ---
The <area> element is used to define a clickable area section inside a image area map defined by a <map> element.
child elements: ---
attributes: id class style title lang dir shape coords href target nohref alt tablindex accesskey
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup onfocus onblur
<b> open tag: <b> end tag: </b>
The <b> element is used to markup the element text content as bold text style.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<base> open tag: <base> end tag: ---
The <base> element is used to define a default base reference of an external source for a specificed target. Therefore the <base> element must appear before any element that refers to an external source.
child elements: ---
attributes: ( href | href ) target
events: ---
<basefont> open tag: <basefont> end tag: ---
The <basefont> element is used to define the default font size, font color and font face for the text contents of the HTML document.
child elements: ---
attributes: id size color face
events: ---
<bdo> open tag: <bdo> end tag: </bdo>
The <bdo> element is used to markup the element text content according to the specified text direction by overriding the default bidirectional algorithm in the HTML document.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: ---
<big> open tag: <big> end tag: </big>
The <big> element is used to markup the element text content as bigger text style.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<blockquote> open tag: <blockquote> end tag: </blockquote>
The <blockquote> element is used to define a block level long quotations in a HTML document.
child elements: ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) ( * | + ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )( * | + ) )
attributes: id class style title lang dir cite
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<body> open tag: <body> end tag: </body>
The <body> element is used to contain the content of the HTML document. Elements within the body section are manudipated by a user agent for presentation. Elements of the HTML document content can be text, images, table, hyperlinks, etc. Elements are used by a browser for rendering in a web page.
child elements: ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) ( * | + ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )( * | + ) ) +( <ins> | <del> )*
attributes: id class style title lang dir background bgcolor text link vlink alink
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup onload onunload
<br> open tag: <br> end tag: ---
The <br> element is used to define the end of current line of text content and inserts a single line break to the text content of the HTML document.
child elements: ---
attributes: id class style title clear
events: ---
<button> open tag: <button> end tag: </button>
The <button> element s used to define an input button with element contents for user input in the HTML document.
child elements: ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) ) ) *
attributes: id class style title lang dir type disabled tabindex accesskey
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup onfocus onblur
<caption> open tag: <caption> end tag: </caption>
The <caption> element is used to define a table caption for an <table> element in the HTML document. The <caption> element should be enclosed by the related <table> element and zero or only one <caption> element is allowed for one <table> element. Besides, the <caption> element should be placed after the <table> start tag before rending of any element content.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir align
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<center> open tag: <center> end tag: </center>
The <center> element is used to define a center aligned block level division in a HTML document.
child elements: ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) ) ) *
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<cite> open tag: <cite> end tag: </cite>
The <cite> element is used to markup the element text content as the cited text sytle of a citation or a reference to other sources.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<code> open tag: <code> end tag: </code>
The <code> element is used to designate the element text content is text fragment of computer code.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<col> open tag: <col> end tag: ---
The <col> element is used to define a column format of column(s) in a table. The <col> element should be enclosed by the related <table> element. It can be used as the child element of <colgroup> element or used as the child element of <table> element. Similarly the <col> element should also be placed after the <caption> element before rending of any element content except the <colgroup> element.
child elements: ---
attributes: id class style title lang dir span width align char charoff valign
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<colgroup> open tag: <colgroup> end tag: </colgroup>
The <colgroup> element is used to define a group of column formats in a table. The <colgroup> element should be enclosed by the related <table> element and the <colgroup> element should be placed after the <caption> element before rending of other element content except the <col> element.
child elements: ( <col> )*
attributes: id class style title lang dir span width align char charoff valign
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<dd> open tag: <dd> end tag: </dd>
The <dd> element is used to define a description of an term for an <dl> element in the HTML document. All <dd> elements should be enclosed by the related <dl> element. In general, the <dd> element should start after the <dt> element in the definition list.
child elements: ( ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) ) ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<del> open tag: <del> end tag: </del>
The <del> element is used to markup the element text contents as texts and/or sections deleted from the HTML document.
The <ins> and <del> elements are used to markup the text contents of a HTML document. Although they can be used to markup both block-level and text-level or inline elements, they are limited by their parent element. They act as a version mark on the HTML document, the addition or deletion of the element text contents and elements should follow the HTML specification.
child elements: ( ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) ) ) )*
attributes: id class style title lang dir cite datetime
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<dfn> open tag: <dfn> end tag: </dfn>
The <dfn> element is used to markup the element text content as definition term defining text style of a definition term.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<dir> open tag: <dir> end tag: </dir>
The <dir> element is used to define a directory list with multicolumn in a HTML document.
child elements: ( <li> )+ -( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) )
attributes: id class style title lang dir compact
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<div> open tag: <div> end tag: </div>
The <div> element is used to define a block level division in a HTML document.
child elements: ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) ) ) *
attributes: id class style title lang dir align
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<dl> open tag: <dl> end tag: </dl>
The <dl> element is used to define a list compose of two parts, such as a term and a description in the HTML document.
child elements: ( <dt> | <dd> )+
attributes: id class style title lang dir compact
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<dt> open tag: <dt> end tag: </dt>
The <dt> element is used to define a term for an <dl> element in the HTML document. All <dt> elements should be enclosed by the related <dl> element. In general, the <dt> element should start before the <dd> element in the definition list.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<em> open tag: <em> end tag: </em>
The <em> element is used to markup the element text content as emphasized text style.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<fieldset> open tag: <fieldset> end tag: </fieldset>
The <fieldset> element is used to define a group of related elements logically in a HTML document.
child elements: ( #PCDATA, ( <legend> ), ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) ) ) )* )
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<font> open tag: <font> end tag: </font>
The <font> element is used to markup the element text content by specifying the font size, font color and font face attributes.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir size color face
events: ---
<form> open tag: <form> end tag: </form>
The <form> element is used to define a form section in the HTML document for user to input data. Data contained in this form is then passed back to the server.
child elements: ( ( ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) )( * | + ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )( * | + ) )
attributes: id class style title lang dir action method enctype accept name target accept-charset
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup onsubmit onreset
<frame> open tag: <frame> end tag: ---
The <frame> element is used to define a frame division for the contents of link specified by the src attribute inside the frameset of the HTML document.
child elements: ---
attributes: id class style title longdesc name src frameborder marginwidth marginheight noresize scrolling
events: ---
<frameset> open tag: <frameset> end tag: </frameset>
The <frameset> element is used to contain multiple HTML documents in one HTML document within the same window. The <frameset> element only defines the arrangement of HTML documents. Each HTML document is hold by a <frame> element. The multiple views arrangement allows the management of each HTML document individually in a web page. Therefore the <body> element cannot be used together with the <frameset> in the same level.
child elements: ( ( <frameset> | <frame> )+ & ( <noframes> )? )
attributes: id class style title rows cols
events: onload onunload
<h1> open tag: <h1> end tag: </h1>
The <h1>,<h2>, <h3>, <h4>, <h5>, <h6> elements are used to define the section heading of HTML document. The <h1> element define the most important or the largest heading. While the <h6> define the least important or the smallest heading.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<h2> open tag: <h2> end tag: </h2>
The <h1>,<h2>, <h3>, <h4>, <h5>, <h6> elements are used to define the section heading of HTML document. The <h1> element define the most important or the largest heading. While the <h6> define the least important or the smallest heading.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<h3> open tag: <h3> end tag: </h3>
The <h1>,<h2>, <h3>, <h4>, <h5>, <h6> elements are used to define the section heading of HTML document. The <h1> element define the most important or the largest heading. While the <h6> define the least important or the smallest heading.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<h4> open tag: <h4> end tag: </h4>
The <h1>,<h2>, <h3>, <h4>, <h5>, <h6> elements are used to define the section heading of HTML document. The <h1> element define the most important or the largest heading. While the <h6> define the least important or the smallest heading.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<h5> open tag: <h5> end tag: </h5>
The <h1>,<h2>, <h3>, <h4>, <h5>, <h6> elements are used to define the section heading of HTML document. The <h1> element define the most important or the largest heading. While the <h6> define the least important or the smallest heading.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<h6> open tag: <h6> end tag: </h6>
The <h1>,<h2>, <h3>, <h4>, <h5>, <h6> elements are used to define the section heading of HTML document. The <h1> element define the most important or the largest heading. While the <h6> define the least important or the smallest heading.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<head> open tag: <head> end tag: </head>
The <head> element is used to contain the related infromation of the HTML document. Elements within the head section are manudipated through other mechanism and they are usually not for direct rendering. Elements are used to define title, keywords, ... etc. But only the <title> element is required in every HTML document.
child elements: ( ( <title> ) & ( <isindex> )? & ( <base> )? ) +( <script> | <style> | <meta> | <link> | <object> )*
attributes: lang dir profile
events: ---
<hr> open tag: <hr> end tag: ---
The <hr> element is used to define the rendering of a horizontal line in the HTML document.
child elements: ---
attributes: id class style title lang dir align noshade size width
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<html> open tag: <html> end tag: </html>
The <html> element is the root element used to contain all the content of an HTML document except the <DOCTYPE> element. And the <html> element should be placed after the <DOCTYPE> element.
child elements: ( <head>, ( <body> | <frameset> ) )
attributes: lang dir version
events: ---
<i> open tag: <i> end tag: </i>
The <i> element is used to markup the element text content as italic text style.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<iframe> open tag: <iframe> end tag: </iframe>
The <iframe> element is used to define an inline frame division for the contents of link specified by the src attribute in the HTML document.
child elements: ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) ) ) *
attributes: id class style title longdesc name src frameborder marginwidth marginheight scrolling align height width
events: ---
<img> open tag: <img> end tag: ---
The <img> element is used to define a division for rendering an embedded image by including an image link in the HTML document.
child elements: ---
attributes: id class style title lang dir src alt longdesc name height width usemap ismap align border hspace vspace
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<input> open tag: <input> end tag: ---
The <input> element is used to define an input section for user input in the HTML document.
child elements: ---
attributes: id class style title lang dir name value checked disabled readonly size maxlength src alt usemap ismap tabindex accesskey accept align
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup onfocus onblur onselect onchange
<ins> open tag: <ins> end tag: </ins>
The <ins> element is used to markup the element text contents as texts and/or sections inserted into the HTML document.
The <ins> and <del> elements are used to markup the text contents of a HTML document. Although they can be used to markup both block-level and text-level or inline elements, they are limited by their parent element. They act as a version mark on the HTML document, the addition or deletion of the element text contents and elements should follow the HTML specification.
child elements: ( ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) ) ) )*
attributes: id class style title lang dir cite datetime
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<isindex> open tag: <isindex> end tag: ---
The <isindex> element is used to define the HTML document type is an index document. The <isindex> element also instruct the browser to create a input field for the user to key in words for the index search.
child elements: ---
attributes: id class style title lang dir prompt
events: ---
<kbd> open tag: <kbd> end tag: </kbd>
The <kbd> element is used to markup the element text content as keyboard input text style entered by user.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<label> open tag: <label> end tag: </label>
The <label> element is used to define the element text content as a label associating with a specified form control element through the for attribute. in the HTML document.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir for accesskey
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup onfocus onblur
<legend> open tag: <legend> end tag: </legend>
The <legend> element is used to define the enclosed text content as the caption of a <fieldset> element.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir accesskey align
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<li> open tag: <li> end tag: </li>
The <li> element is used to define a list item for an <ol>, <ul>, <dir> or <menu> element. All <li> elements should be enclosed by the related <ol>, <ul>, <dir> or <menu> element.
child elements: ( ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) ) ) )*
attributes: id class style title lang dir type value
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<link> open tag: <link> end tag: ---
The <link> element is used to define the link of an external resource for conveying the relationship information to the HTML document by the browser.
child elements: ---
attributes: id class style title lang dir charset href hreflang type rel rev media target
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<map> open tag: <map> end tag: </map>
The <map> element is used to define a clickable divison for a client-side image area map in the HTML document by associating the map with another elements through the name attribute.
child elements: ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) ) | <area> )+
attributes: id class style title lang dir name
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<menu> open tag: <menu> end tag: </menu>
The <menu> element is used to define a menu list of single column in a HTML document.
child elements: ( <li> )+ -( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) )
attributes: id class style title lang dir compact
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<meta> open tag: <meta> end tag: ---
The <meta> element is used to define the metadata information or the identify properties of a HTML document.
child elements: ---
attributes: lang dir http-equiv name content scheme
events: ---
<noframes> open tag: <noframes> end tag: </noframes>
The <noframes> element is used to define an alternate section for rendering in the HTML document when frames are not supported by the browser or the contents inside the <frames> element are not rendered.
child elements: ( ( ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) ) ) ) )* | ( ( <body> ) -( <noframes> ) ) )
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<noscript> open tag: <noscript> end tag: </noscript>
The <noscript> element is used to define an alternate section in the HTML document for rendering when scripting are not supported by the browser or scripts inside the <script> element are not executed.
child elements: ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) ( * | + ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<object> open tag: <object> end tag: </object>
The <object> element is used to define a division for rendering an embedded object by including an object link and specifying its external application in the HTML document.
child elements: ( <param> | ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) ) ) )*
attributes: id class style title lang dir declare classid codebase data type codetype archive standby height width usemap name tabindex align border hspace vspace
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<ol> open tag: <ol> end tag: </ol>
The <ol> element is used to define an ordered or numerical or alphabetical list in a HTML document.
child elements: ( <li> )+
attributes: id class style title lang dir type compact start
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<optgroup> open tag: <optgroup> end tag: </optgroup>
The <optgroup> element is used to define a section to group related choices of a selection list for a <select> element together.
child elements: ( <option> )+
attributes: id class style title lang dir disable label
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<option> open tag: <option> end tag: </option>
The <option> element is used to define a choice or option of a selection list for a <select> element.
child elements: ( #PCDATA )
attributes: id class style title lang dir selected disabled label value
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<p> open tag: <p> end tag: </p>
The <p> element is used to define a paragraph of an HTML document.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir align
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<param> open tag: <param> end tag: ---
The <param> element is used to define the required parameters or variables for an <object> or <applet> element. The required <param> elements should be enclosed by the related <object> or <applet> element and be placed at the beginning of the element text contents.
child elements: ---
attributes: id name value valuetype type
events: ---
<pre> open tag: <pre> end tag: </pre>
The <pre> element is used to define a preformatted text section in a HTML document.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir width
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<q> open tag: <q> end tag: </q>
The <q> element is used to markup the element text content as short quotation text style without paragraph break.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir cite
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<s> open tag: <s> end tag: </s>
The <s> element is used to markup the element text content as strike-through text style.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<samp> open tag: <samp> end tag: </samp>
The <samp> element is used to designate the element text content is text fragment of computer code sample output.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<script> open tag: <script> end tag: </script>
The <script> element is used to define a division for the scripting language of the contained scripting statements or an external source for the client-side scripting.
child elements: ( "CDATA" )
attributes: charset type language src defer
events: ---
<select> open tag: <select> end tag: </select>
The <select> element is used to define an inline drop-down selection list in the HTML document.
child elements: ( <optgroup> | <option> )+
attributes: id class style title lang dir name size multiple disabled tabindex
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup onfocus onblur onchange
<small> open tag: <small> end tag: </small>
The <small> element is used to markup the element text content as smaller text style.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<span> open tag: <span> end tag: </span>
The <span> element is used to markup the element text content at inline level in the HTML document.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<strike> open tag: <strike> end tag: </strike>
The <strike> element is used to markup the element text content as strike-through text style.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<strong> open tag: <strong> end tag: </strong>
The <strong> element is used to markup the element text content as stronger emphasized text style.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<style> open tag: <style> end tag: </style>
The <style> element is used to define the style rules for the HTML document.
child elements: ( "CDATA" )
attributes: lang dir type media title
events: ---
<sub> open tag: <sub> end tag: </sub>
The <sub> element is used to markup the element text content as subscript text style.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<sup> open tag: <sup> end tag: </sup>
The <sup> element is used to markup the element text content as superscript text style.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<table> open tag: <table> end tag: </table>
The <table> element is used to define a table division in the HTML document.
child elements: ( <caption>?, ( <col>* | <colgroup>* ), <thread>?, <tfoot>?, <tbody>+ )
attributes: id class style title lang dir summary width border frame rules cellspacing cellpadding align bgcolor
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<tbody> open tag: <tbody> end tag: </tbody>
The <tbody> element is used to define a body section to group the continuous body content rows with same attributes in a table. The <tbody> element should be enclosed by the related <table> element and one or more <tbody> element are allowed for a <table> element and it should be placed after the <tfoot> element before rending of any element content. The <tbody> element tag is required when there is the present of <thead> element and <tfoot> element.
child elements: ( <tr> )+
attributes: id class style title lang dir align char charoff valign
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<td> open tag: <td> end tag: </td>
The <td> element is used to define a section as a data cell of a table for containing individual table cell data.
child elements: ( ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) ) ) )*
attributes: id class style title lang dir abbr axis headers scope rowspan colspan align char charoff valign nowarp bgcolor width height
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<textarea> open tag: <textarea> end tag: </textarea>
The <textarea> element is used to define a multi-line text input box with the element text content as the initial content in the HTML document.
child elements: ( #PCDATA )
attributes: id class style title lang dir name rows cols disabled readonly tabindex accesskey
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup onfocus onblur onselect onchange
<tfoot> open tag: <tfoot> end tag: </tfoot>
The <tfoot> element is used to define the footer section of a table to group all footer content row cells of a table. The <tfoot> element should be enclosed by the related <table> element and zero or only one <tfoot> element is allowed for a <table> element and it should be placed after the <thead> element  before rending of any element content.
child elements: ( <tr> )+
attributes: id class style title lang dir align char charoff valign
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<th> open tag: <th> end tag: </th>
The <th> element is used to define a section as a header cell of a table for containing header information.
child elements: ( ( ( <p> | ( <h1> | <h2> | <h3> | <h4> | <h5> | <h6> ) | ( <ul> | <ol> | <dir> | <menu> ) | ( <pre> ) | <dl> | <div> | <center> | <noscript> | <noframes> | <blockquote> | <form> | <isindex> | <hr> | <table> | <fieldset> | <address> ) | ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) ) ) )*
attributes: id class style title lang dir abbr axis headers scope rowspan colspan align char charoff valign nowarp bgcolor width height
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<thead> open tag: <thead> end tag: </thead>
The <thead> element is used to define the header section of a table to group all header content row cells of a table. The <thead> element should be enclosed by the related <table> element and zero or only one <thead> element is allowed for a <table> element and it should be placed after all <col> and <colgroup> element.
child elements: ( <tr> )+
attributes: id class style title lang dir align char charoff valign
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<title> open tag: <title> end tag: </title>
The <title> element is used to define the title of an HTML document and is required for all HTML document. The content of the <title> element is also used as the window title of the browser.
child elements: ( #PCDATA ) -( <script> | <style> | <meta> | <link> | <object> )
attributes: lang dir
events: ---
<tr> open tag: <tr> end tag: </tr>
The <tr> element is used to define a row section of a table by grouping the corresponding table cells together.
child elements: ( <th> | <td> )+
attributes: id class style title lang dir span width align char charoff valign bgcolor
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<tt> open tag: <tt> end tag: </tt>
The <tt> element is used to markup the element text content as teletype or monospaced font.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<u> open tag: <u> end tag: </u>
The <u> element is used to markup the element text content as underlined text style.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<ul> open tag: <ul> end tag: </ul>
The <ul> element is used to define an unordered or a bulleted list in a HTML document.
child elements: ( <li> )+
attributes: id class style title lang dir type compact
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
<var> open tag: <var> end tag: </var>
The <var> element is used to markup the element text content as variable text style of variables used in computer program.
child elements: ( ( #PCDATA ) | ( <tt> | <i> | <b> | <u> | <s> | <strike> | <big> | <small> ) | ( <em> | <strong> | <dfn> | <code> | <samp> | <kbd> | <var> | <cite> | <abbr> | <acronym> ) | ( <a> | <img> | <applet> | <object> | <font> | <basefont> | <br> | <script> | <map> | <q> | <sub> | <sup> | <span> | <bdo> | <iframe> ) | ( <input> | <select> | <textarea> | <label> | <button> ) )*
attributes: id class style title lang dir
events: onclick ondbclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup
required Optional tag Deprecated Transitional Frameset Exclusion
Optional Element or Content Occurrence Character:
(+) one or more;  (*) zero or more;  (?) zero or one times;  ( ) exactly once 
Choice or Sequence Element or Content :
(|) or  (&) and  (,) sequence  (+) include  (-) exclude
Previous Month  AUG  2010  Next Month
SMTWTFS
1234567
891011121314
15161718192021
22232425262728
293031

Previous Month  JUL  2014  Next Month
SMTWTFS
12345
6789101112
13141516171819
20212223242526
2728293031

Sideway BICK Blog

31/08

Copyright © 2000-2020 Sideway . All rights reserved Disclaimerslast modified on 26 January 2013