Get Your Ultimate Free Email with Scott E-mail!
This page hosted by
Get your own Free Home Page
Sign Guestbook
View Guestbook Some Info On Me
Go to Scott's Chat Site (Java) Here is my brand new VOICE chat!
Click here to see my awards page
HTML Basics Written By Scott Pawsey
These are examples of some HTML code that you may want to use
in your home page.
These codes may be used:
- in the free textarea of a Basic Editor, or
- anywhere between the <body> and </body> tags of an Advanced Editor.
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
(the textarea). 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.
<b>This will make a region of text bold
</br>
This will make a region of text bold
<hr> draws a horizontal line
<br> carriage return
<i>italic letters
</i>
italic letters
<p> 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
<h4>
Heading size 4
</h4>
Heading size 4
<h5>
Heading size 5
</h5>
Heading size 5
<font size="1">Font size 1
</font>
Font size 1
<font size="2">Font size 2
</font>
Font size 2
<font size="3">Font size 3
</font>
Font size 3
<font size="4">Font size 4
</font>
Font size 4
<font size="5">Font size 5
</font>
Font size 5
<font color="blue">Blue Text
</font>
Blue Text
<font color="red">Red Text
</font>
Red Text
<font color="yellow">Yellow Text
</font>
Yellow Text
<font color="white">White Text
</font>
White Text
<font color="purple">Purple Text
</font>
Purple Text
<font color="orange">Orange Text
</font>
Orange Text
And so on, it works with most common colours
WARNING DON'T FORGET TO USE USA SPELLING!
These font codes will work with Netscape 3.0 and Internet Explorer 3.0 or greater.
<font face="Helvetica">Helvetica font
</font>
Helvetica font
<font face="New Century Schoolbook">New Century Schoolbook Font
</font>
New Century Schoolbook font
<font face="Lucida">Lucida font
</font>
Lucida font
<img src="Example.jpg" align=center> load an image with this text centered vertically to the middle of the image</img>
load an image with this text centered vertically to the middle of the image
<a href="/doc/faq.html"> create a link to another page on the same server</a>
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"> <img src="Example2.jpg"> </a>
create a picture link to another page on the same server

<a href="mailto:scottpawsey@hotmail.com"> <img src="Example.jpg" border=0> </a>
create a picture link to an email address

<blink> make text blink
</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>
Numbered list
<ol>
<li> pc
<li> mac
</ol>
- pc
- mac
Nested list
<ul>
<li>list
<ul>
<li>nested
<ul>
<li>twice
</ul>
</ul>
</ul>
<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
<b><i><a href="www.geocities.com"> Geocities
.>/a></i></b>
</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
Geocities
.
When you finish your homepage you will only be able to finish it like this with out crossing lines:-
For more help E-Mail me...

Thank you
|