DO NOT TRY THIS AT HOME : Rotteneggs.com text files and message bases are for INFORMATIONAL PURPOSES ONLY. DO NOT undertake any project based upon any information obtained from this or any other web site.We are not responsible for, nor do we assume any liability for, damages resulting from the use of any information on this site.
(117 votes) Published: Feb 01, 2008 10:18 a.m. In 2 Favorites Lists Viewed 508 times
Okay. Im into programming and I feel like making another egg. If you read my last egg, about C++, this wil be alot easier.
Now all you need for HTML is Notepad (everyone should know what that is) and a browser, which you are viewing this egg on right now so YOUR GOOD.
Now first.. HTML means "Hyper Text Markup Language" made by Bill Gates himself. HTML can be used for many ways. You can use it to just make a funny page and laugh, or you can design a whole website on it. I have before. (It’s down now, so don’t ask for it)
Okay. Now open up Notepad.
Start > All Programs > Accessories > NOTEPAD (not Wordpad)
If you’ve never used notepad, its just a white box with clickable options on the top and you can write in it.
Okay. Now type this into notepad.
Quote:
< HTML >
< HEAD >
< TITLE > (anything ex. My Page!)
< /HEAD >
< BODY >
Hallo I am Dist and thisiz my HTML pageeee
< /BODY >
< /HTML >
Now, to open this. Goto file and SaveAs, Save the file as htmlpage.HTML, and save it to your desktop.
Find the icon, double-click it and there it will be.
(By the way, I write it like "< HTML >" because RE doesent allow real HTML commands in eggs so I have to type it with spaces. When really writing this, take out the spaces.)
Quick Explanation The first tag in your HTML document is . This tag tells your browser that this is the start of an HTML document. The last tag in your document is . This tag tells your browser that this is the end of the HTML document. Easy to follow, I hope.
The text between the tag and the tag is header information. Header information is not displayed in the browser window.
The text between the tags is the title of your document. The title is displayed in your browser’s caption
The text between the tags is the text that will be displayed in your browser.
Now, that is the most basic document you will probably find.
Now here is a list of things that will edit your text in HTML.
B: "< b >" Turns the text bold. make sure to end it by typing "< /b >"
U: "< U >" Underlines a text. Again, end it by typing "< /u >"
I: "< i >" Makes Italic Text.
h1: "< h1 >" Makes a heading, which is the size of a text. H1 = biggest, H6 = smallest.
p "< p >" Makes a Paragraph. HTML automatically adds an extra blank line before and after a paragraph.
[/u]!-- (text) --[/u] "< !-- (comment) -- >" The comment tag is used to insert a comment in the HTML source code. A comment will be ignored by the browser. You can use comments to explain your code, which can help you when you edit the source code at a later date. Note that you need an exclamation point after the opening bracket, but not before the closing bracket.
Now, Those are some basic commands of editing. Here is an example of an HTML document with All of those commands:
Quote:
< HTML >
< Head >
< Title > HTML PAGE < /title >
< /head >
< body >
< b > This text is bold < /b >
< u > This text is underlined < /u >
< i > Italicy text yaaaaaay < /i >
< h1 > REALLY BIG TEXT < /h1 >
< h2 > header 2 < /h2 >
< h3 > header 3 < /h3 >
< p > this is a paragraph
< p > SO IS THIS BUAHAHAHAHAHAHA
< !-- This is a comment (Will not be shown in browser -- >
< /body >
< /html >
Now, If you think that was long and really hard to write, that is nothing. Because next I am going to show you some Attribute commands.
Attributes!
In this section, Im going to show you Attributes, Which is like coloring text, setting background colors, and setting background Images. Now it gets fun! =D
Okay. Here are some examples of Attribute commands.
h1 align="center" "< h1 align="center" >" Now, This command centers the header. So if you put that into a format, then the text in H1 would be in the center of the page.
body bgcolor="red" "< body bgcolor="red" >" This command sets the background color of the page. This command would make the background color red.
font "< font >" Now, this command can edit alot of this. You could edit the Color: "< font color="color-name" >"
Or you could edit the text shape: "< font face="Verdana" >"
You could also edit the text size: "< font size="74" >
body background "< body background="Clouds.gif" > (just an example) This command sets an image or an animated picture as the background of your page.
Okay, Now I will make an example of a page with all of the commands I just listed.
Quote:
< HTML >
< HEAD >
< TITLE > Colors!! YAY < /title >
< /HEAD >
< BODY >
< BODY bgcolor="Black" >
< body background="Alien.jpg" >
< font color="white" >
< h1 align="center" > WHOO GO ALIENS. This is centered text. < /h1 >
< /body >
< /html >
Now that would be an example of a well decorated page. I set the background of it as "Aliens.jpg" (pic of aliens i guess.. just an example)
I set the background color black, and the text color white. Then made a centered header.
Now there are ALOT of more things in HTML.. and there is a 80% chance I will make a Part 2. This was made to introduce you to basic commands. If I do make a Part 2, I will definatly add some js 5cripting into it. (ex. with js you can make a little window pop up saying "HELLO" every time someone enters the page.)
AGAIN.
the HTML commands DONT HAVE SPACES IN IT (with the exeption of ediing text.. "< body bgcolor="blah" >" Is supposed to have a space between body and bgcolor.) And anything else. But there is NOT spaces infront and behind the brackets.
Now I hope you enjoyed this tutorial. I spent A long time working on it. If it is rated high enough and maybe passed to directory I will make a Part 2 with more advanced things.
With this lesson, You can have some fun. HTML also works with myspace. You could set your background with HTML.
HOPE YOU ENJOY.
My AIM = zz74z
My MSN = Dist719@hotmail.com
Message me with ANY questions.. and I will help you.
Feb 01, 2008 5:41 pm - I tried learning how to program, but I just couldn’t stand the tidium. For this reason, I did not read through this whole thing. But I bet it’s totally 5* material. Cheers.
Edit Page
Message Dist719
Add Comment
Add to Favorites
Email to Friend
