>>Grant's HTML Cheat Sheet<<



Welcome to my page on html! Html is the writing that is used to make a webpage. Wanna see some html? Right click my page and go to "View Source." Everything that pops up is the html used to make my webpage you're viewing! It looks complicated, but its quite easy!

Yahoo! has an excellent site that has a building program that allows you to have the basic html set. Geocities allows for this to happen!

So now lets begin with the codes to make your own site!:)


~Beginner HTML *Codes* and Explanations~


1)<HTML> is the first basic principle used to make a webpage. With Geocities, the builder automatically comes up with this html code present. The only thing this means is that you are starting a webpage-- <HTML> and ending a webpage ----- </HTML> in html format!

2)<Head> this is the next code that is used to hold the basic structure of the webpage, like the Title. The Head does not contain any writing by itself. Other codes are in the Head. The Head code comes after the HTML Code. EX:

<HTML>

<Head>

Yay we have one part done! Now we just have to do all of this other stuff :( But it's ok :) I'm here to help! If I can do this, I know you can! :)

3)<Title> This little code gives your page a title on the very extreme upper left hand corner! My title should be "HTML Cheat Sheet." With everything you start, you have to end it as well. Use the / key to end it by saying </Title>. Your webpage should now look something like this with the codes we have used:

<HTML>

<Head>

<Title> Your Title Here </Title>

</Head>

4)<br> is a very simple code that just gives a space to your text. Don't want your body text to be all one paragraph? seperate it with the "br" code!

5)<Body> This is the code used to write formatted text on your webpage. All of your writing goes in this area! Then, when you are finished, you end the code with </Body> After this, you want to end the webpage with </HTML> and YOU ARE DONE!!!!!........with the basics at least:D



*Basic HTML*



There are some other codes that people use to make their websites look so much better than the norm.
1) Do you like how my Heading scrolls from right to left? This is an easy code called <marquee>. It's so easy, too! You just do the following.....

</head>

<marquee> Your Text Here! </marquee>

Want it to bounce back and forth? just change the <marquee> Put Your Text Here! </marquee> to <marquee behavior=alternate> Put Your Text Here </marquee>

2) Another cool code to use is paragraph formatting in text. Not only does it double space your text, it makes it look a whole lot more neater and professional. The code for that is <p>. You put that before your specified text in the body, and then you end it when the body is done like so </p>.


3) What more than just text on your webpage? Want some pictures or cool graphics? Just use this little code when you have your designated pictures uploaded: <img src="the exact name of the picture as it appears">. Right click this page and hit View Source. See how I have my picture on here by using that code? Grant.jpg was the file, and i made sure to put in the extension ".jpg" ....so if your picture was "picture.gif", you would put "picture.gif" in the quoted section of the code!


4) Want your webpage to look like its organized in sections without making things complicated? Just use <hr width=50%> code between your two sections that you want seperated.


5) Let's say you have a Title you want to see large in your beginning of the webpage. You can use this code of <H1> Your Text Here </H1>
or

You can change the font size to make it larger by using this code of <font size=put in only a number 1-7>. If you want the text small, put in "1", if you want it big, put in "7".


6) There are some things on this page that look better when they are centered, not aligned to the left. so how did I do this? I used this code <center> before whatever i wanted to be centered, and then i ended the code by putting </center>. Want it aligned to the right? just replace "center" with "right".


7) Do you like my font? Want your font to be unique as well? Remember when you were typing a report or paper and you changed the font? You had that list to choose from...and the same list goes for the font on the webpage. Like Comic Sans MS? Like Bradley Hand ITC? Well let's use it! By putting in this code before the text <font face="the specified font">, you have just changed all of the text to that font! Good job!


8) Want a specified part of your text boldened, underlined, or iatlicised? Just do this:

~For Bold
*Before: blah blah blah your text that isn't boldened but you want it to be blah blah blah
*By using the code <b> before your text and </b> after your specifed text, you get this
*After: blah blah blah your text boldened blah blah blah

~For Italic
*Before: blah blah blah your text that isn't italicised but you want it to be blah blah blah
*By using the code <i> before your text and </i> after your specified text, you get this
*After: blah blah blah your text italicised blah blah blah

~For Underline
*Before: blah blah blah your text that isn't underlined but you want it to be blah blah blah
*By using the code <u> before your text and </u> after your specified text, you get this
*After: blah blah blah your text underlined blah blah blah

9) To add color to your page background or font, just use these codes:
<body bgcolor=#the hex value> for your background color and
<body text=#the hex value> for the text color.
Now what are hex values? These are all numbers and letters mixed together to bring out a color. Like #000000 is black and #FFFFFF is white. Go here for a complete list of colors!

10) Last, but definitely not least, I will show you how to make links on your website to another website! Just use this code to achieve the connection:
<a href="http://the website exactly as it appears"> the name of the website goes here
And you've completed it! I'll give you an example using Yahoo!:

<a href="http://www.yahoo.com"> Yahoo!</a>
So now with this we can make a link to your email so that people can email you through your website!
just change the <a href="http://the website exactly as it appears"> the name of the website goes here

to

<a href="mailto:your email address"> Feel free to email me </a>




And That's It Guys! Want a Chatter Box or Animated Text? Go Here! You have to sign up for the chatter box, but it doesn't take long and its free. Flooble explains everything! Thanks for looking at my page! GB!
My Home
Hosted by www.Geocities.ws

1