Tancredo's Philosophy
Ten Minutes to Learn HTML


You will notice that the "tag" does something and is not displayed. To see the code, in the tool bar, VIEW, then select SHOW SOURCE. This is a totally simple text file.
You just add the bold, italic and underlines as desired.
<B>This is a totally simple text file.</b>
<I>This is a totally simple text file.</i>
<U>This is a totally simple text file.</u>
This is a totally simple text file.
Some browsers acknowledge S = Strike through. Example : <S>strike through</S>
and TT = TeleType as "monospace" Example : <TT>TeleType monospace</tt>.
and Q = to insert quote marks. Example <Q>This is a short quote.</Q>

<P>This is a totally simple text file in a paragraph.

<P>&nbsp; &nbsp;

    This is a totally simple text file in a paragraph with indentation by two Non-Bank SPaces.</P>

<UL> Here is an Ordered (numbered) List.
<OL>
  1. <LI>List Item
  2. <LI>List Item </OL>
<PRE>
 This is preformatted text.
 	This is preformatted text.
		 This is preformatted text.	
			 This is preformatted text.
  To make any text into a web page, simply put <PRE> </PRE> round
the text.
    This is a <BLOCKQUOTE> If one were to take the 25,000 word Oxford Pocket English Dictionary and take away the redundancies of our rich language and eliminate the words that can be made by putting together simpler words, we find that 90% of the concepts in that dictionary can be achieved with 850 words. The shortened list makes simpler the effort to learn spelling and pronunciation irregularities. The rules of usage are identical to full English so that the practitioner communicates in perfectly good, but simple, English.</BLOCKQUOTE>

Click to see The Basic English Logo


Link to : Ogden"s Basic English Homepage.

<!-- starts a comment that is not shown on the web page -->
Reminder :
This will link to a new page. A means Anchor point. HREF is Html REFerence location.
<A HREF="somepage.html">
To display an image from a source location. IMG says display an image. SRC= is SouRCe location.
<IMG SRC="picture.gif">

This is both image and nesting
<A HREF="xxx.html"> <IMG SRC="xxx.jpg"</A>
Click on a picture to link to another web page or (larger) image. In the latter case, use HREF= , not SCR= .
IMGage shows the picture straight away. HREF brings in something.
See Picture <A HREF="basic.jpg"> here </A>

BLOCKQUOTE will skip a line and indent all and skip another line.
Each browser (IExplorer, FireFox, Opera, NetScape) does things slightly differently. Some do not make underline. Most noticeable is that fonts are lightly different in size.

FONTs

<FONT FACE="courier"> FACE is a font name or a list of fonts with comma.
<FONT FACE="arial,helvetica,sans-serif">These are good for screens</FONT>
<FONT FACE="times new roman,garamond,serif">These are good for printing.</FONT>
The font must be on the reader's computer to be seen. Therefore list a primary font and some alternatives.
These sample lists are for ="Windows, Apple, Other" .
If a specific font FACE is not stated, then the reader's settings are used.
This is a good idea because each reader has his personal settings that he likes.
<FONT SIZE=1> where "1" is tiny , 3 about normal , 6 is large , 12, etc. Pay attention to when to use "quotes" and ',' commas, and spaces. Again, use caution about changing font size because the reader may have his browser set for the size of type he prefers.

Special Character Symbols

Sometimes, as in this lesson, the symbols from HTML code are commands that the browser is looking for, and sometimes as text symbols. This is handled with special characters in the form : &name; . & says to HTML that it is a text symbol, not a command. There are many of these special character symbol codes . ¢ § ± © ® · º ½ ¾ × ÷ ¹ ² ³ δ ∑
And thousands more in the form &#1234; in   UNICODE   £ · ⅛ ⅜ ℃ ℉ ℅ № ℠ ™

<!-- this is another comment to yourself.   It does not show -->
Upper or lower case in tags is okay, except for &Nbsp; where capital N will fail. To write the letters of this tag on a screen you must type   &amp;   Why?

Attributes:

There are common attributes. Try the addition of COLOR=red   in a FONT tag. Try in other tags.     <font color=red>

Exercise :

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.
Write a good web page.
If you have a web site, then upload to your web site, send me the address (URL) and I will provide comments about it.

    After you have written ten, 10-Minute HTML pages, and you are sure you will go on with HTML, then go buy a book. There you can learn the many attributes available to each tag.

You will never use most of the 88± HTML tags. Some you might try are :
sub = subscript ; sup = superscript ;
and possibly, button = put a BUTTON round text ; DEL - recently DELeted text , INS - recently INSerted text.
And things to learn are more types of Lists, the use of TABLEs, META keywords, descriptions (intermediate), the STYLE tag and Cascading Style Sheets (advanced)
The most effective way to learn a tag is to try it.
This has a SUBscript - - H2O.
This has a SUPerscript1

This means recently DELeted
This means recently INSerted

<TABLE>
<TR><TH>Table and a Heading
<TR><TD>Row One, Col 1.</TD><TD>Row One, Col 2</TD><TR><TD>Row Two, Col 1.</TD><TD>Row Two, Col 2</TD></TABLE>
Table and a Heading
Row One, Col 1. Row One, Col 2
Row Two, Col 1. Row Two, Col 2

Back to Menu