HTML

Like the Web? Ever thought of making your own Web Site? Then you should learn HTML. It's the base of all webpages, and it's not that hard to learn.

Mouse-Over Alerts

posted Jul 14, 2009, 11:07 AM by Scott Watkins   [ updated Jul 14, 2009, 11:47 AM ]

Ok...I hate Google Sites...The code below works when I put the code in, but delets it when I save! GRRRR! So again, like many other of my posts, this WILL work, Google is just being stupid and deletes it on my Site.
 
This script will allow you to have an alert box pop up when ever someone rolls over, clicks, or lets go of the words. Try it out on the text bellow:
No Touchy! No Clicky! You can click on me!
You can do this on <p>,<b>, <a href>, and many more! What you need to do, is place this code AFTER the letter:
Alert when mouse is over text: < b onmouseover="alert('your message here');return true;">Bold Text</b>
Alert when mouse clickes on text:< b onmousedown="alert('your message here');return true;">Bold Text</b>
Alert when mouse is release: < b onmouseup="alert('your message here');return true;">Bold Text</b>
 
This is also a good way to hide something on your website...have something look like normal text, but actually have a hidden message!
If you want to see this code working in action, View This Page, or click on Text Alerts in the Attachments.

Special thanks to www.web-source.net, where I learned about this! Give their site a visit!

Strike Through text

posted Jul 14, 2009, 10:50 AM by Scott Watkins

Have you ever had an idea, put in on a website, but later decided to get rid of it??but decided to change it? Then a Strike through text is for you! to do it, simple put in this code:
 <strike>Your text here</strike>
And there you go!

Bold, Underlined, Italic text

posted Jul 2, 2009, 10:51 AM by Scott Watkins

Remember <p>, the 'old school' way to make text?
Well now, this is the 'Old School' way to make bold, italic and underlined text.
 
Bold:
<b>your bold text here<b>
 
Underlined:
<u>Your underlined text here</u>
 
Italic:
<i>Your italic text here</i>

Discriptions

posted Jul 2, 2009, 10:43 AM by Scott Watkins

Say you have a link to a site:

 
and you want to describe it. You can describe it by writting text under it, but, you can also do this:
(put your mouse over the link!)
 
 
This can provide information about your link, without taking up space!
To do this, add the code to your link code:
 
<a href="http://www.Yoursite.com" title="Your discription here">This will be blue</a>
 
You can also describe regular text. Just add the same code:
 
<p title="Your discription here">Your text</p>

Unordered Lists

posted Jul 2, 2009, 10:28 AM by Scott Watkins

Unordered Lists are kind of like Odered Lists, but use shapes, enstead of letters or numbers.
Here is an example of an Unordered List:
  • hi
  • what's up?
So if you type in <OL> for a Ordered List, what would you type for a Unorderd List?
hmmm....
You would type:
<UL>
 
The listing is still the same as Ordered lists:
<LI>
 
So all together, it is:
<UL>
<LI> hi
<LI>what's up?
</UL>
 
You can change the bullet aswell, to:(again, Google Sites is being weird =( So this is SHOULD work, but might not in Google Sites =( )
  • Circles
  • Squares

To do circles, add:

<UL type="circle">
<LI> Hi
</UL>
To do squares, add:
<UL type="square">
<LI> Hi
</UL>

Ordered Lists

posted Jul 2, 2009, 10:25 AM by Scott Watkins

Lists are good when you want to breifly explain something. You can make a simple list in HTML
To make one, type in this code:
<OL>
<LI>Your text here 1
<LI>your text here 2
</OL>
It will look something like this:
  1. Your text here 1
  2. your text here 2
You can add as many <LI>, or List Items, as you want:
 
<OL>
<LI>List number 1
<LI>List number 2
<LI>List number 3
<LI>List number 4
<LI>List number5
<LI>List number 6
<LI>List number 7
<LI>List number 8
<LI>List number 9
<LI>List number 10
</OL>
You can change Ordered Lists (<OL>) many ways. You can make them: (P.S Google Sites is being weird, and the code isn't working =( but this should work in any other HTML page)
  1. Letters
  1. Roman Numberals

To make them letters, add:

<OL type="A">

<LI> List number 1
</OL>
 
To make them Roman Numberals, add:
 

<OL type="I">

<LI> List number 1
</OL>

You can make your Lists start on any:

  1. number,
  1. roman numberal,
  1. or letter
by adding:
 

<OL start="5">
<LI> Lists starts on 5
</OL>

<OL type="A" start="2">

<LI> List starts on B
</OL>
 

<OL type="I" start="10">

<LI> List starts on X
</OL>

Size of Images

posted Jul 2, 2009, 10:21 AM by Scott Watkins

You can upload an image, by using:
<img src="http://www.whatever.com">
But what do you do if the picture is too big?

 Simple! Type in the image code:
 
<img src="http://www.whatever.com">
 
BUT, add the bold code with to it:
 
<img src="http://www.whatever.com" width="50" hight="50">
 
The width and hight tell you exactly how big you want your picture. It doesn't measure in inches, or cm. It measure by pixles. Pixles are small, so you don't want to do: width="1" hight="1"; that will make it too small to see.

            <----

(see that red dot? that's with: width="1" hight="1")
 
width="100" hight="100" is a decent size. It looks like this:
 

Just guess and check on the width and hight numbers, until you can get your image just the right size.

Image Hyperlinks

posted Jul 2, 2009, 10:20 AM by Scott Watkins

We all know how to make Hyperlinks, right?
<a href="www.website.com">this will be blue</a>
 
Well say you want an Image to be a Hyperlink, just to make your site look cool. How do you do it?
 
Well, you combine the Hyperlink code, with the Image code:
<a href="www.whateversite.com"><img src="http://www.whereeverImageis.com"></a>
Notice you dont write the"this will be blue" stuff.
Here is an Example:


*Click me!*

Horizontal Rule

posted Jul 2, 2009, 10:19 AM by Scott Watkins

A horizontal rule is a line seperating the content of your page. It looks something like this:


A horizontal rule can be helpful if you want to seperate 2 things on your website. To make a horizontal rule, type in:
<hr>
 
HR, for Horizontal Rule =)
With that said, you would think there would be a Vertical Rule, by doing <VR> right?
WRONG!
for some unkown reason, HTML code doesn't support a vertical rule.

Text

posted Jul 2, 2009, 10:15 AM by Scott Watkins

Although you can just type in text in your webpage, here is the 'Old School' way to put in text:
 
<p>your text here</p>

your text here

1-10 of 10