Sideway BICK Blog on 27/08 from sideway.to

Code Sample:

<body>
Plain text and entity &<br>
<tt>teletype font</tt><br>
<i>italic style</i><br>
<b>bold style</b><br>
<u>underlined style</u><br>
<s>strike-through style</s><br>
<strike>strike-through style</strike><br>
<big>bigger text style</big><br>
<small>smaller text style</small><br>
<em>emphasized text style</em><br>
<strong>stronger emphasized text style</strong><br>
The meaning of <dfn>definition term</dfn> is ...<br>
<code>...computer code ...</code><br>
<samp>...computer code output sample ...</samp><br>
"<kbd>keyboard</kbd>" is an input by keyboard<br>
"<var>variable</var>" is a variable<br>
"<cite>citation</cite>" from a reference<br>
"<abbr>abbr.</abbr>" is abbreviation of
abbreviation.<br>
"<acronym>WHO</acronym>" is acronym of
World Health Organisation.<br>
<a href="http://sideway.hk">sideway</a><br>
<img src="http://sideway.hk/images/sideway.jpg"
alt="sideway" usemap="#navmap"><br>
<applet code="output.class" width="50" height="50">
no Java applet support;</applet><br>
<object data="data.shape">
no support object</object><br>
<font color="green">green text</font><br>
<basefont size="5"><br>new font size 5...<br>
font size reset to <basefont size="3"><br>
font size 3...<br>
<br>
<script type="text/javascript" src="test.txt"></script>
<map name="navmap"><area shape="rect"
coords="0,0,102,43"
href="http://sideway.hk"></map><br>
<q>short quotation</q> from reference<br>
a <sub>subscript</sub> text<br>
a <sup>superscript</sup> text<br>
a inline <span style="color:blue;font-weight:bold">
blue</span> word.<br>
"hello" in revert order: "hello"<br>
inline <iframe height="100" width="100" name="f1"
src="http://sideway.hk">no iframes support
</iframe> frame ...<br>
<form action="frm.asp">choice input:
<input id="c1" name="choice" type="radio"> 1 or
<input id="c2" name="choice" type="radio"> 2<br>
option seletion: <select name="D1">
<option value="option">Option 1</option>
</select><br>
a multlines textarea input: <textarea name="a1"
cols="20" rows="2">initial content</textarea><br>
labels for: "<label for="c1">choice 1</label>" or
"<label for="c2">choice 2</label>"<br>
a button: "<button type="button">Click</button> "
</form><br>
...
</body>

#PCDATA open tag: --- end tag: ---

The #PCDATA element is used to define the allowed document plain text and entities of the SGML data type that can be used as the document content of the HTML document.

child elements: plain text and entities of character reference than begin with a "&" sign and end with a semi-colon (;)

attributes: ---

events: ---

The <tt> element is used to markup the element text content as teletype or monospaced font.

The <i> element is used to markup the element text content as italic text style.

The <b> element is used to markup the element text content as bold text style.

The <u> element is used to markup the element text content as underlined text style.

The <s> element is used to markup the element text content as strike-through text style.

The <strike> element is used to markup the element text content as strike-through text style.

The <big> element is used to markup the element text content as bigger text style.

The <small> element is used to markup the element text content as smaller text style.

The <em> element is used to markup the element text content as emphasized text style.

The <strong> element is used to markup the element text content as stronger emphasized text style.

The <dfn> element is used to markup the element text content as definition term defining text style of a definition term.

The <code> element is used to designate the element text content is text fragment of computer code.

The <samp> element is used to designate the element text content is text fragment of computer code sample output.

The <kbd> element is used to markup the element text content as keyboard input text style entered by user.

The <var> element is used to markup the element text content as variable text style of variables used in computer program.

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.

The <abbr> element is used to markup the element text content as the abbreviated form test sytle of an abbreviation of words.

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

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

<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

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

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

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

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

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

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

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

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

The <sub> element is used to markup the element text content as subscript text style.

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

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

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

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

<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

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

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

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

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

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