(my examples page)
<UL> Indent the whole page.
I remember Bold, Italic, Underline.
This is an Italic Bold and Italic Underlined sentence.
Today I have learned
Strike through, TeleType (monospace) , and
I have not yet learned how to H2O1 , but I can guess how SUBscript and SUPerscript will work.
<PRE> Does not have to be the whole page. PRE shows exactly what I typed, just like a typewriter,
but I have to put in carriage return with the Enter key or
my text will go off the screen. Note that PRE will accept
spaces whereas HTML normally only allow one space.
PRE starts and stops by putting a blank line.</PRE>
Heading 4 -- Headings skip lines before and after.
<BR> Break = goes to the next line and does not use a stop tag.
<P> Paragraph skips a line before going to the next line.
And needs a stop tag.<P>
Horizontal Rule, and most tags can have attributes. This is <HR COLOR=green>
<HR SIZE=4> shows a thicker line. Color is good. <HR SIZE=4 COLOR=blue>
The length of a line is WIDTH="percent%". Default alignment is CENTERed.
The ALIGNment can be moved left or right. <HR width="50%" ALIGN=left SIZE=4 COLOR=black>
Unordered List == indent or indent for a list
- Line Item = Bullets can be changed with a TYPE attribute.
- <LI TYPE=disk>
- Lists can be nested.
- The symbol changes depth of nesting.
- Three levels deep
- Four levels deep
<IMG SRC="xxx.jpg" ALIGN=left ALT="Basic Logo">
Image Source is to insert a picture.
With an ALIGN attribute the text will be wrapped around the picture.
If the picture is not found then ALTernate wording will be shown.
Complex (two word) attributes need to be in quotes.
Many programmers put graphics in a sub folder under the main folder. In that case the name of the sub-folder must be added with a hyphen before the picture name.
<A HREF="path/xxx.html">some words</A>
Anchor HyperlinkRERerence will bring a web page to my browser.
Please link to : <A HREF="http://ogden.basic-english.org/books.hmtl">
Books by Ogden</A>
Return to <A HREF="lesson1.html">
Lesson two, Review</A>
Special Character Symbols
Link to common HTML named symbols
Link to some UNICODE numbered symbols
Try nesting and learn to get the sequences correct.
The following is legitimate HTML code.
<UL><FONT . . .><br>text<BLOCKQUOTE><I><BR> <A HREF. . .><IMG SRC=. . .><H2 color=. . .><HR>
Find why it is good code ; put in some text and ALL of the closing tags.
Then make up your own complex structures to give yourself confidence.