Welcome Guest ( Log In | Register )

      
Discover the best free computer help!
Learn more about Geeks to Go by taking the tour. Spyware, virus, trojan, fake security or privacy alerts? Read the malware cleaning guide.
 
 Reply to this topicStart new topic
HTML Tutorial, Make you own website!
ditto
post Jun 18 2004, 06:18 PM
Post #1


- i pwn n00bs -
Group Icon
Posts: 1,257
From: Phila. PA
OS: Ubuntu 7.04
Hello,

Have you ever thought about making your own website but do not know how. Well this is a great place for you to start. I will be adding more as time passes by. So just sit back and read away. Make sure you practice, practice, practice, of course when you are done your school work or any other duties. I only ask that users post their questions in the forum instead of personal messaging to me so that others may learn from your question. GeekstoGo staff memebers may add to this tutorial as they wish. Well here it goes.

HTML- Hyper-Text Markup Language is the code that an internet browser translates into what you see on a web page. It is the most basic web language that you can learn. With HTML you can put anything online: pictures, journals, audio, movies, etc. It can be combined with other scripts and handlers to create a more dynamic website. But don't worry, with just HTML you can be on your way to making professional looking websites.


Table of Contents:
Section 1- Your First Site


---------------
Section 1- Your First Site

You are about to create your first site. Of course, you will need to have a host to put the html file on so that others may see it. I would recommed using Geocities for now until GtG has our own free hosting accounts.

Open up notepad and copy and paste the following code into notepad.
CODE
<html>
<head>
<title>My Very First Page</title>
</head>
<body>
Hello Everyone! Welcome to my site.<br>
<b>Bold</b>
<i>italic</i>
<u>underline</u>
</body>
</html>


Save it as "index.html". open up Internet Explorer and then go to File->Open and browse to the file. There you go, your first website.

The code explained:

CODE
<html>
<head>
<title>My Very First Page</title>
</head>

The very first thing you see is <html>. This is called a tag. Everything that is contained in <> are tags and/or attributes of the tag. The <html> tag lets the browser know that the following code is written in HTML. Notice at the end the forward slash "/" in </html>. This signifies that the tag is closing.

The <head> tag is sort of like the header of a letter. Tells you the title and other information about the website including any style sheets or meta keywords for the page. The <title> tag as you may have guess show the title of the page. Notice how it says "My Very First Page" at the top of the web page you just created.

CODE
<body>
Hello Everyone! Welcome to my site.<br>
<b>Bold</b>
<i>italic</i>
<u>underline</u>
</body>
</html>


The <body> tag is just like the body of a letter. It is wherer everything that is displayed on the letter would go. In this case, the website.
The <br> tag means breakline; Simply starting a new line. Notice how there is no closed break line tag (</br>)
The <b>,<i>,<u> are the bold, italic, and underline font tags respectively. Finally the </body> tag closes the body of the site and the </html> ends the html.

This is the end of section 1. You should be able to create a pretty basic website now. I will go into the use of tables and hyperlinks in the next sections.

Please post any questions/comments/suggestions. Thank you!

ditto
Go to the top of the page
 
+Quote Post
ScHwErV
post Mar 6 2006, 07:05 AM
Post #2


Geek U Admin
Group Icon
Posts: 18,532
From: Michigan, USA
OS: All Windows Os's
This forum is for tutorials. If you have questions about web design, post those in the appropriate forum. All other posts will be removed.

ScHwErV cool.gif
Go to the top of the page
 
+Quote Post
Dominicc2003
post Dec 24 2006, 02:44 AM
Post #3


Member
***
Posts: 114
From: London
OS: Windows XP
I'm pretty sure this is the right place to post:
Very nice tutorial but wouldn't it be better to put the <p> tags in the code now to get them in good habits?
Go to the top of the page
 
+Quote Post
Michael
post Dec 24 2006, 10:54 PM
Post #4


Retired Staff
Group Icon
Posts: 1,856
From: Australia
OS: Linux
That is a very simple tutorial, not really something you going to learn an all-full-lot from. My understanding it it will be removed once we get a better tutorial in place in the W3C University we have started.
Go to the top of the page
 
+Quote Post
b1caez01
post Jan 7 2007, 08:01 PM
Post #5


Banned
***
Posts: 445
OS: XP
Where do I go from this page to get the next installment...there are on cues at the bottom of the page appearing in my browser...

...very interested...
Go to the top of the page
 
+Quote Post
Sp3ke
post Jan 29 2007, 03:19 PM
Post #6


Member
**
Posts: 41
From: England|Bournemouth
OS: Windows XP.
Thanks man, this really helped. I'm only just starting to learn HTML.
Go to the top of the page
 
+Quote Post
Necrotising Fasc...
post Apr 6 2007, 12:18 PM
Post #7


New Member
*
Posts: 3
OS: Windows XP SP2/ Linux-Knoppix/Linux-SuSE10
Just a quick note.

For compatibility with some browsers such as early Mozilla releases, you should use <br /> instead of <br> for a line break.
Go to the top of the page
 
+Quote Post
Michael
post Apr 7 2007, 11:08 PM
Post #8


Retired Staff
Group Icon
Posts: 1,856
From: Australia
OS: Linux
That is wrong. <br/> is used in XHTML since you have to close all tags. <br> will work in any browser if your displaying the pages as HTML. <br /> (note the space) is used when the page maybe displayed as either HTML or XHTML since they normally can both handle it. Though it is preferable you use the correct one.

And since there is no real reason why you should use XHTML over HTML for 99% of people, and a number of reasons why you should not use it. It is best to stick with <br> and HTML
Go to the top of the page
 
+Quote Post
Scribbles
post Apr 24 2008, 10:31 PM
Post #9


Member
**
Posts: 22
From: Edinburgh, Scotland
OS: Win xp media center edition 2005, Mandriva Linux 2008
What about using
CODE
&nbsp;
?

that what ive always used

This post has been edited by Scribbles: Apr 24 2008, 10:32 PM
Go to the top of the page
 
+Quote Post
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Collapse

> Similar Topics

    Topic Title Replies / Views Topic Information
No new   21 / 386 19th October 2008 - 05:23 PM
benjr started - last by Rorschach112
No New Posts   2 / 253 19th October 2008 - 04:05 PM
jdimauro started - last by Major Payne
No new   14 / 180 17th November 2008 - 12:06 PM
RayW started - last by Jimmy2012
No New Posts   1 / 62 18th November 2008 - 06:52 AM
brzs4life started - last by Major Payne

RSS Time is now: 22nd November 2008 - 12:06 PM
Advertisements do not imply our endorsement of that product or service. The forum is run by volunteers who donate their time and expertise. We make every attempt to ensure that the help and advice posted is accurate and will not cause harm to your computer. However, we do not guarantee that they are accurate and they are to be used at your own risk.
Powered By IP.Board © 2008  IPS, Inc.