<Computer TidBits> - HTML Code

These codes may be used anywhere between the <body> and </body> tags.

The top part of each section is what the code should look like in your document. The lower part of each section is what it will look like on your home page.

Big Hint! Cut and Paste the top part of each sample right into your page. It's easy. Try it!

<center>
This will center a region of text or images, etc.
</center>

This will center a region of text or images, etc.

This will make a region of text bold 
This will make a region of text bold

<hr> draws a horizontal line

carriage return

italic letters 
italic letters

new paragraph

<h1> Heading size 1 </h1>

Heading size 1

<h2> Heading size 2 </h2>

Heading size 2

<h3> Heading size 3 </h3>

Heading size 3

Font size 1 
Font size 1
Font size 2 
Font size 2
Font size 3 
Font size 3
Font size 4 
Font size 4
Font size 5 
Font size 5

Blue Text 
Blue Text
Red Text 
Red Text
Yellow Text 
Yellow Text

See the Standard Color page for more color names.

These font codes will work with Netscape 3.0 and Internet Explorer 3.0 or greater.

Helvetica font 
Helvetica font
New Century Schoolbook font 
New Century Schoolbook font
Lucida font 
Lucida font

<img src="@homenetwork.gif" align=center alt="@Home"> load an image with this text centered vertically to the middle of the image</img>
note that the "alt= ..." parameter is optional

load an image with this text centered vertically to the middle of the image

<a href="../outline.html" target="_blank" onmouseover="window.status='Outline'; return true"> create a link to another page on the same server</a>
note that the "onmouseover ... return true" parameter is optional
create a link to another page on the same server

<a href="http://werbach.com/barebones/barebone.html"> create a link to another page on another server</a>
create a link to another page on another server

<a href="index.html" target=_blank" onmouseover="window.status='Home_Page'; return true"> <img src="images/clickhere.gif" border="0" alt="Welcome to the POOL" width="94" height="27"></a>
note that the "onmouseover ... return true" and the "alt= ..." parameters are optional

create a picture link to another page on the same server

<a href="mailto:jimpool@home.com"> <img src="images/mailbox.gif" border=0> </a>
create a picture link to an email address

<blink> make text blink </blink>
note that this does not work on many browser versions
make text blink

<pre>
turn
on fixed
width font with preformatted text
</pre>

turn
    on fixed
  width font with preformatted text

Unnumbered list
<ul>
<li> list item 1
<li> list item 2
</ul>

list item 1

list item 2

Numbered list
<ol>
<li> pc
<li> mac
</ol>

Nested list
<ul>
<li>list
<ul>
<li>nested
<ul>
<li>twice
</ul>
</ul>
</ul>

list
- nested
  - twice

<blockquote>
This will quote a block of text as a separated paragraph like this, indented on both the left and right sides. You may also put other codes inside the blockquote as well, such as this bold, italicized link to point you to
<a href="/doc/teach.html"> other HTML resources which you haven't found here.</a>
</blockquote>

This will quote a block of text as a separated paragraph like this, indented on both the left and right sides. You may also put other codes inside the blockquote as well, such as this bold, italicized link to point you to other HTML resources which you haven't found here.

Web Site Garage
Checks your HTML, and optimizes your site for search engine registration, faster load time, browser compatibility and more!

Please contact me with your comments, contributions, and/or corrections.