<script>
  var progressBar = document.getElementById('loadProgress');
  function updateProgress(newValue) {
    progressBar.value = newValue;
    progressBar.getElementsByTagName('span')[0].textContent = newValue;
  }
 </scrip>

h1

h2

h3

h4

h5

h6

h4

  style=margin-top:0px;
removes the top margin before heading

h4 margin-top:0px

h4 margin:0px

<figure> <img src=xxx>
 <figCaption>A figure caption can include <br>
and other html code <figCaption><figure>

to float and include caption:
(see style.css)

<table class=img><tr><td align=center>
caption <br>
<img src=   width=   height=   alt=" 
       
" >
</table>

use BLOCKQUOTE for a long quotation since it causes a left and a right indentation!

<pre>preformatted text. This line is on the same line as the <pre>
notice switch to monospace font
  1           1
  22          22
 3  3        3  3
4   4 4     4   4 4
</pre>

<style>tt {font-family:sans-serif}</style>
      or
<tt style=font-family:sans-serif> tt <tt> in the middle

 <pre>this is pre with  tt  in the middle

Last line of previous text. Put tag at end of heading line.(<ol> is at the end of this line.)

1. default (blank line above this caused by <ol> aparently only at level 0)
2. default 2 and new OL heading
   1. default 2.1 no blank line above this. Level 1 to level 2 transition
   2. default 2.2 notice no change in list-style i.e. parent list was decimal as is this list
3. default 3

OL.alpha   LI { list-style:lower-alpha }  
OL.alpha > LI { list-style:lower-alpha }
   LI child of OL  

line with <ol style=list-style:upper-roman;>
1. first li
2. second li
3. third li
4. forth li
   <ol list-style:upper-alpha;>
   1. li should be A
      <ol list-style:lower-roman;>
      1. eye
      2. eye eye      next line is : </ol>
   2. li should be B      next line is : </ol>
5. fifth

17. <li value=17>How can OrderedList be used for question / answer entries?
1. <li value=1 >This works

<ul> beginning of list (indented but no symbol)          (note style type changes automaticlly
• <li style=color:navy>first level li (disc)
• <li> next line
  <ul style=color:blue>
  • <li>next level (circle)
  • <li>same level (circle)
    <ul>
    • <li>deeper (square)
    • <li>same deeper (square again)
      <ul style=color:brown>
      • <li> even deeper (still square as above)
      • <li> at same level
        <ul type=circle style=color:orange;font-family:serif>
        • <li> even deeperer
        • <li> even deeperer ; same color
        </ul>
      • <li> even deeper (square as above)
      </ul>
    • <li>back to deeper
    • <li>still at deeper
    </ul>
  • <li>next level (back) (circle)
  </ul>
• <li>first level

<dl>definition list

<dt>definition term

<dd>definition description

Must immediately follow <table> or <colgroup>
STYLE or Attributes on <TR> override col style
(don't use colspan=n, use colgroup)

<table border=1>
<col style=background-color:aqua>
<col style=background-color:red>
     <colgroup style=color:green><col><col>
<tr><td> no color <td> specified<td>on <td>TD
<tr><td> 0000    <td> tags    <td>zzzz <td>qqqq
<tr style=background-color:pink>
    <td> TR has bgcolor     <td> 1234    <td>zzzz <td>qqqq
<tr><td> on TD    <td> tags    <td>zzzz <td>qqqq


<table border=1>
<caption align=left valign=bottom>caption
<tbody style=color:red>
<tr><td>asdf
<tr><td>another row
<tbody style=color:blue>
<tr><td>after a nother body tag
</table>