So You Wanna Learn HTML?

SYNTAX RESULT

® ® - Registered Trademark symbol

This helps you to keep organzied It doesn't appear in your web page, nor does it effect your HTML coding. It simply helps you keep organized and tell yourself where items are while HTML-ing.

<ADDRESS>
(word/sentence to be emphasized as the address - usually E-mail)
</ADDRESS>

Mail me at sedward@Hawaii.edu

<A NAME=(name)> This is where the <A HREF> will jump to

<A HREF=(url)>
(text to be highlighted as a link)
</A> Jump to the <A NAME> above

<B>
(text you want in bold)
</B> This text becomes bold with this tag

<BIG>
(text to become "big" goes here)
</BIG> This text is using <BIG> font.

<BLOCKQUOTE>
(lengthy text you want indented to site as a quote)
</BLOCKQUOTE>

Edward Sugimoto said this:

And thus, in my conclusion, I will furthermore support the effort of the Cyber Psychology students of Generation 4b for their valiant efforts in HTML engineering and web page design.

<BODY>
File goes between the two
</BODY>

An essential HTML tag embodying your file.

Extensions could consist of BGCOLOR=(hexidecimal code or color name), which gives you freedom to change your background color, or BACKGROUND=(file name), which gives you the freedom to place your own background file as the background.

<BR> Provides a line break like
this...

<CAPTION>
(defines the caption of a table title)
</CAPTION>

This Is the Caption
Generation	4B
Totally	Rules!

<CENTER>
(text to be centered goes here)
</CENTER> This text is centered.

<DIV>
(Aligning data either right, left or center)
</DIV>

This text is aligned right using the <DIV> command

<DL>
(definition list goes here)
</DL>

HTML Like This:	Results In This:	Definitions
<DL> <DT> Psychology 409b </DT> <DD> A Cyber-Community </DD> </DD> A Cool class to take </DD> <DD> Tough reports </DD> </DL>	Psychology 409b A Cyber-Community A Cool class to take Tough reports	<DL> - Definition List <DT> - Definition Term <DD> - Definition Definition

<EM>
(text to be emphasized goes here)
</EM> This text is being <EM>phasized.

<FONT>
(text with various font changes can be placed here)
</FONT> Font with a "+1 size"
Font with a "-1 size"
Font with color change to green
Font with font face change to "Arial"

<FORM>
(A fill-out form and relative tags go here)
</FORM>

<FRAMESET>
(Tags and HTML for a frames page goes here)
</FRAMESET> Follow this link to go to an Introdcution to Frames.

<H1>
(Title or something that wants to be emphasized goes here)
</H1>

This is in H1

This is in H2

This is in H3

This is in H4

This is in H5

This is in H6

<HEAD>
Head information (before body) goes here
</HEAD> Head information, including the title of the document, goes between the head tags

<HR>

Makes a horizontal rule like this

Now I have these sentences seperated with an <HR> command.
Differet adjustments can be made to adjust the alignment, size, width, and shade as well)

<HTML>
Everything goes between this tag
</HTML> A tag that begins and ends an HTML file.

<I>
(text to be italicized goes here)
</I> This text is italicized.

<IMG SRC=(name)>
(tag used to bring image files onto the page)

Extensions to <IMG SRC> could comprise of:

border
width
height
vspace (vertical space)
hspace (horizontal space)
lowsrc (see "LOWSRC" below)
etc.

<LI>
Used to created bullets for a list

This is an ordered list	This is an ordered list	Different variations could be accomplished
		Square Disk Circle	Capital Small Roman Small Roman

LOWSRC=(name)
Utilized in the <IMG SRC> tag Usually, people use the LOWSRC command to make two images load in one area (one after the other). The first image (LOWSRC) has lower resolution thus, loading quickly, then it is filled in and over by the SRC (the bigger sized file). See an exmaple of how this works at my main Reports Page.

<NOBR>
(text not wished to be broken with a break)
</NOBR> Doing this sometimes cause problems because your text will run off the screen.
This is usually reserved for odd character sequences. Try to use this in limitation.

<OL>
(list to be ordered goes here)
</OL> See <LI> for example

<P>

Creates a line break like

this... this break is bigger than the <BR>

<PRE>
(preformatted text goes here)
</PRE>

This is a useful tag when you want your text to be 
		WYSIWYG (What You See Is What You Get).
Extra space  and 	tab commands get ignored when doing HTML,
but when you use this tag, they text will appear 
e
 xactly as you type it.

<SMALL>
(text to be made "small" goes here)
</SMALL> This text is using <SMALL> font

<STRONG>
(text to have strong font)
</STRONG> This text is using <STRONG> font.

<SUB>
(text to be written in subscript)
</SUB> _{This text is in <SUB>script}

<SUP>
(text to be written in superscript)
</SUP> ^{This text is in <SUP>erscript}

<TABLE>
Information to build a table goes between these tags
</TABLE> See Netscape's Assistance for further help.

<TITLE>
(The title of your page goes here)
</TITLE> The title "HTML In A Jiffy" that you see at the very top of your browser is what will appear.

<TT>
(text that wants to appear like a typewriter goes here)
</TT> This text is utilizing the Type Text tag

<UL>
(list that is unordered goes here)
</UL> See <LI> for examples.

<WBR>
(usually used in association with nobr when you know where you want the sequence to be broken) This does not force a line break the way <BR> would. It simply helps your browser to know where to possibly break the sequence if applicable. In this <NOBR> situation, I placed a <WBR> after "helps" and after "if", as well as the "helps" in this sentence.