|
|
Sylars Basic HTML tutorial
|
|
| 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. |
|
|
|
(102 votes)
Published: Nov 10, 2007 10:31 a.m.
In 7 Favorites Lists
Viewed 533 times |
Alright so this series of eggs I’m gonna show you how to create a basic website, add some things to it (ie. colors, 5cripts, videos), and then put it onto the internet!
This egg will explain the basic coding and structure of a website
Creation of a basic website
Adding a title
Adding a body to your code
Color
Text: size, fonts special attributes
Links
Alright first off you have to choose which program you want to create your website in
There are a multitude of programs that you can start writing your code into, as we as many other programs that write the code for you. (If you choose to use a program that writes the code for you, this egg can still be helpful for editing)
Programs that work are: Notepad
DidaPro
Macromedia Fireworks
Etc.
I’m sure if you type in “Basic Web editors” into google you could find millions of others
Alright now to start your code:
For this egg I will be using notepad
First to start off every page you need to type in the following
<html >
This is where the basic coding of your website is going to go
</html >
The < and > are tags that you are going to be using in order to write your website
Next you have to make the head of your code which consists of a title and Meta tags (I will not be working with Meta tags in this egg)
To do this you have to type
<html >
<head >
<title > Your title </title >
</head >
</html >
The tag writes what is going to be here (see pic below) on the page
The next step in a basic website would be to create the body of your code (what you actually see in the website) will be located
<html >
<head >
<title > Your title </title >
</head >
<body >
</body >
</html >
In the body of your code there are a bunch of things you can do
First lets add color to the page
There are two ways of doing this but the easier one is
<html >
<head >
<title > Your title </title >
</head >
<body bgcolor = "red" text="blue" link="green" alink="green" vlink="green" >
</body >
</html >
I wrote some sample code to display what this would look like
From this picture you can see That:
bgcolor represents Background Color
text represents text Color
link represents link Color
alink represents an active links Color
vlink represents a visited link color
Alright now lets add text the body of the code
<html >
<head >
<title > Your title </title >
</head >
<body bgcolor = "red" text="blue" link="green" alink="green" vlink="green" >
<h1 > SYLAR</h1 >
<h2 > SYLAR</h2 >
<h3 > SYLAR</h3 >
<h4 > SYLAR</h4 >
<h5 > SYLAR</h5 >
<h6 > SYLAR</h6 >
</body >
</html >
To manage size of the text you have to use the <h# > tags
As the numbers get higher the text gets smaller, so <h1 > will usually be appropriate for a title, and <h4 > and lower will usually be appropriate for the regular text of the page
To make text bold, italics, or underlined one must use these special tags
<b > for bold</b >
<i > for italics</i >
<u > for underlined</u >
Next you can add links to a page
To link to an outside website:
<html >
<head >
<title > Your title </title >
</head >
<body bgcolor = "red" text="blue" link="green" alink="green" vlink="green" >
<a href=”http://www.websitename” > Website text</a >
</body >
</html >
The <a href=”” > tag inks to another site, but can also link to another website file on your computer
To do this switch
<a href=”http://www.websitename” > Website text</a >
To
<a href=”The path to the file C:\\file\\path\\yourfile.html” > Website text</a >
Finally to save your website as a website you must save it as an html file
To do this simply change the filename from .txt to .html
If this egg receives positive feedback the next egg will likely be on
Tables
Lists
Escape codes
5cripts
Applets
Rate fair and explain why |
|
|
|
| Nov 10, 2007 10:35 am -
5* and faves. NICE egg man. |
 | Nov 10, 2007 10:37 am -
5* and favs |
 | Nov 10, 2007 10:47 am -
u should hav posted some other day wit da spAm 5* |
 | Nov 10, 2007 10:56 am -
this is ok...I’m not sure exactly what you’re trying to teach, but there are a lot easier ways to achieve the same effect. Ex: tags, tags, bgcolor, and etc. The reason these are so easy is for the advantage of others. I mean who wants to type #45634kl6jwerjklgh just to make a word? Nonetheless, you get a 5 |
 | Nov 10, 2007 11:08 am -
sorry about the jumbles of letters and numbers they were supposed to be less than and greater than signs...if you know how to fix that PM me and i’ll delete this egg and repost it |
 | Nov 10, 2007 11:12 am -
shit that didnt work if you want the signs to show put them in qutoes
delete my last comment |
| Nov 10, 2007 11:12 am -
5 btw |
| Nov 10, 2007 11:12 am -
thanks...but it still idnt work :-/ |
 | Nov 10, 2007 11:36 am -
NOICE! 5*’s! |
 | Nov 10, 2007 1:21 pm -
Not really the simplest way, but 5*****’s anyway. |
 | Nov 10, 2007 3:31 pm -
Thanks man you read my mind i just started learning HTML 4* just cause the < and > signs are messed up |
| Nov 10, 2007 3:58 pm -
^^i still ont know why...if anyboy knows how to fix that PM me! |
 | Nov 10, 2007 4:42 pm -
4* =OR= This |
 | Nov 10, 2007 10:17 pm -
5* |
 | Nov 11, 2007 12:27 pm -
5* well done |
| Nov 11, 2007 8:33 pm -
Alright so this series of eggs I’m gonna show you how to create a basic website, add some things to it (ie. colors, 5cripts, videos), and then put it onto the internet!
This egg will explain the basic coding and structure of a website
Creation of a basic website
Adding a title
Adding a body to your code
Color
Text: size, fonts special attributes
Links
Alright first off you have to choose which program you want to create your website in
There are a multitude of programs that you can start writing your code into, as we as many other programs that write the code for you. (If you choose to use a program that writes the code for you, this egg can still be helpful for editing)
Programs that work are: Notepad
DidaPro
Macromedia Fireworks
Etc.
I’m sure if you type in “Basic Web editors” into google you could find millions of others
Alright now to start your code:
For this egg I will be using notepad
First to start off every page you need to type in the following
<html >
This is where the basic coding of your website is going to go
</html >
The < and > are tags that you are going to be using in order to write your website
Next you have to make the head of your code which consists of a title and Meta tags (I will not be working with Meta tags in this egg)
To do this you have to type
<html >
<head >
<title > Your title </title >
</head >
</html >
The tag writes what is going to be here (see pic below) on the page
The next step in a basic website would be to create the body of your code (what you actually see in the website) will be located
<html >
<head >
<title > Your title </title >
</head >
<body >
</body >
</html >
In the body of your code there are a bunch of things you can do
First lets add color to the page
There are two ways of doing this but the easier one is
<html >
<head >
<title > Your title </title >
</head >
<body bgcolor = "red" text="blue" link="green" alink="green" vlink="green" >
</body >
</html >
I wrote some sample code to display what this would look like
From this picture you can see That:
bgcolor represents Background Color
text represents text Color
link represents link Color
alink represents an active links Color
vlink represents a visited link color
Alright now lets add text the body of the code
<html >
<head >
<title > Your title </title >
</head >
<body bgcolor = "red" text="blue" link="green" alink="green" vlink="green" >
<h1 > SYLAR</h1 >
<h2 > SYLAR</h2 >
<h3 > SYLAR</h3 >
<h4 > SYLAR</h4 >
<h5 > SYLAR</h5 >
<h6 > SYLAR</h6 >
</body >
</html >
To manage size of the text you have to use the <h# > tags
As the numbers get higher the text gets smaller, so <h1 > will usually be appropriate for a title, and <h4 > and lower will usually be appropriate for the regular text of the page
To make text bold, italics, or underlined one must use these special tags
<b > for bold</b >
<i > for italics</i >
<u > for underlined</u >
Next you can add links to a page
To link to an outside website:
<html >
<head >
<title > Your title </title >
</head >
<body bgcolor = "red" text="blue" link="green" alink="green" vlink="green" >
<a href=”http://www.websiten me” > Website text</a >
</body >
</html >
The <a href=”” > tag inks to another site, but can also link to another website file on your computer
To do this switch
<a href=”http://www.websiten me” > Website text</a >
To
<a href=”The path to the file C:\\\\fil \\\\path&# 2;\\\yourfile. tml” > Website text</a >
Finally to save your website as a website you must save it as an html file
To do this simply change the filename from .txt to .html
If this egg receives positive feedback the next egg will likely be on
Tables
Lists
Escape codes
5cripts
Applets
Rate fair and explain why |
| Nov 12, 2007 1:48 am -
3* because the tags are fucked up.
http://jewsnip.com |
 | Dec 07, 2007 4:53 pm - cunty
this is so muther fucking tard ass niggered, i hate you you dumbass jew happy hunnaka you fuckass
I WILL BREAK YOUR CUMCATCHER WITH MY DOGS COLLER IN FRONT OF AN AIRFORCE BASE UNTILL I GET SHOT IN THE FACE |
 | Dec 10, 2007 9:01 pm -
guarantee you learned this from computer science |
 | Apr 02, 2008 10:09 am -
Nice egg HTML Rocks |
 | Apr 10, 2008 4:21 pm -
Not bad, basic, but not bad! 4* |
|
|
|
|
Edit Page
Message SYLAR
Add Comment
Add to Favorites
Email to Friend