Sideway BICK Blog on 24/08 from sideway.to

Code Sample:

<body>
<p>pararagh</p>
<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>
<ul>unordered list<li>text a</li></ul>
<ol>ordered list<li>text a</li></ol>
<dir>directory list<li>text a</li></dir>
<menu>menu list<li>text a</li></menu>
<pre> preformatted text </pre>
<dl><b>definition list:</b><dt>item</dt><dd>description</dd></dl>
<div>division</div>
<center>centered division</center>
Script support? <noscript>no script support</noscript><br>
Frame support? <noframes>no frame support</noframes><br>
quotation:<blockquote>block quotation</blockquote>
<form action="frm.asp">Enter? <input name="itm" type="text"></form>
<isindex>
<hr>
<table border="1"><tr><td>row 1</td><td>row 2</td></tr></table>
<fieldset><legend>grouped fields</legend>
item:<input type="text"><br>
Desc:<input type="text"><br></fieldset>
<address>sideway.hk</address>
.....
</body>

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

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

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

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

The <dir> element is used to define a directory list with multicolumn in a HTML document.

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

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

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

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

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

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

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

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

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

<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: ---

<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

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

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

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

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

Sideway BICK BLOG from Sideway

HTML Body