Gems HL HTML

Home

Basic HTML | More HTML | Music | Other Bits and Pieces | What's To Come Soon | Banners | Cool Links | Contact Me
Basic HTML

Here are the bacic HTML codes you will need to edit your page with brief desciptions on how to put them on your page

These are simple examples of some HTML code that you may want to use in your horseland home page.
These codes may be used anywhere between the <body> and </body> tags of yor page 
The top part of each section is the code you need to copy and past on to your page(NOTE: Where I have put the text or *****between the tags you will need to wite your own text). I find it a good idea to open a note book on my PC and edit copy the codes there. The lower part of each section is a description of what these codes will do.
Big Hint! Cut and Paste the top part of each sample right into your page (the textarea). It's easy. Try it!

--------------------------------------------------------------------------------
IMPORTANT: If you are starting with a completely blank page, put:
<HTML> <BODY> at the top of the page
and
</BODY> </HTML> at the bottom of the page,
and put all your text and HTML tags (examples below) in between.
--------------------------------------------------------------------------------
<center>************</center>

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

--------------------------------------------------------------------------------
<b>***************</b>


This will make a region of text bold
--------------------------------------------------------------------------------
<hr> draws a horizontal line
--------------------------------------------------------------------------------
<br> carriage return
--------------------------------------------------------------------------------
<i> ************* </i>


italic letters
--------------------------------------------------------------------------------
<p> new paragraph


--------------------------------------------------------------------------------
<h1> ************</h1>

Heading size 1

--------------------------------------------------------------------------------
<h2>*************** </h2>

Heading size 2

--------------------------------------------------------------------------------
<h3>****************</h3>

Heading size 3

--------------------------------------------------------------------------------
<font size="1">***********</font>
Font size 1
<font size="2">***********</font>
Font size 2
<font size="3">***********</font>
Font size 3
<font size="4">***********</font>
Font size 4
<font size="5">***********</font>
Font size 5
--------------------------------------------------------------------------------
<font color="blue">ADD YOUR TEXT HERE</font>
Blue Text
<font color="red">ADD YOUR TEXT HERE</font>
Red Text
<font color="yellow">ADD YOUR TEXT HERE</font>
Yellow Text

These are some colours you can try:

Dodgerblue Salmon Blueviolet Turquoise Darkpink Lime Seagreen Pink Royalblue Yellow Goldenrod Coral Burlywood Firebrick Forestgreen Fuchsia Indigo Skyblue Indianred Olive Peru Orchid Plum Springgreen Steelblue Teal Blue Hotpink Cornflowerblue

--------------------------------------------------------------------------------
These font codes will work with Netscape 3.0 and Internet Explorer 3.0 or greater.
<font face="Helvetica">YOUR TEXT HERE</font>
Helvetica font
<font face="New Century Schoolbook">YOUR TEXT HERE</font>
New Century Schoolbook font
<font face="Lucida">YOUR TEXT HERE</font>
Lucida font

 

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------
<a href=mailto:YOUR EMAIL ADDRESS HERE>
create a  link to an email address

--------------------------------------------------------------------------------
<pre>YOUR TEXT HERE</pre>

turn on fixed width font with preformatted text 

-------------------------------------------------------------------------------

<img src="YOUR URL HERE">

This will put a picture on your hompage. Just type the URL for the pic you need to link to ie try http://www.pitchfork.com/nrg.jpg

 -------------------------------------------------------------------------------

<a href="URL FOR  THE LINK TO THE SITE YOU WANT HERE"><img src="PUT THE URL FOR THE PICTURE  YOU WANT TO BE CLICKED TO LINK TO THAT URL HERE"></a>

 

This will link a picture to another site. This is useful for banners you would like to place on your HL Page to link to another site you have(NOTE:I make banners for your site. See my banner page for examples).

P.S If this doesn't work please let me know. Thankies

---------------------------------------------------------------------------------

<style>
BODY {background-image:
url(THE URL 4 PIC HERE);
backgroundbackground-repeat:repeat;
-position: 1px 1px;
background-attachment: fixed
</style>

This will put a picture as a background. If you have web site to up load images to(I suggest AOL Hometown, see my links page for the info)then you can use almost any image from site which provide backgrounds. All you will need to do is find a site which provides backgrounds, save the image to your PC, upload it to the web site and simply put the URL in this HTML. Easy!

horse_with_halter_trotting_md_wht.gif

FREE HTML FOR ALL

What to share some HTML with everyone?

I strive to bring you some of the best HTML I can find but I'm pretty new to this HTML business and I can't find it all on my own. If you have soem HTML you would be willing to share with everyone then email me the HTML with a description of what it is and how to paste it. If you would like to include a link to your website or HL HomePage then add that too. You get the credit!