How To Make A Simple Webpage From Straight Out Htm

halo2krew

Mar 14 2005, 10:14 PM

This tutorial will show you how to make a webpage using html. It will be a very simple webpage but good for practice.

Get free hosting somewhere( anglefire, geocities) and go edit index.html.

Delete everything that is already there. You will start of by doing this

CODE

<html>
<title>

What you want to apper at the top of the browser GOES HERE

</title>

<body>
<h2> YOUR HEADER GOES HERE </h2>

Info about your site can go right here. Mabye start a welcome thing telling about your site and other stuff. Make it like a paragraph long or something

 <img src="http://www.armchairempire.com/images/previews/pc/halo-combat-evolved/halo-combat-evolved-1.jpg" width="400" height="300">

Links

<a href="http://www.google.com">google</a>
<a href="http://www.trap17.com/forums">Trap17 forums</a>
</html>

A preview of this can be found here- http://www.geocities.com/xboxdude56/

Just change the text to what you want it to be and you can also change the color in

CODE

Links

to what ever you want(instead of red make it say blue)

Comment/Reply (w/o sign-up)

nickmealey

Mar 15 2005, 02:00 AM

Thats good, just you have the tag in there, and I try to aviod that as much as possible. I know it sound more difficult, but using cascading stylesheets are much easier. And you forgot to mention that you must save the document as an HTML file: "default.html". but, it's a very good start if somone who didn't know much.

<style>

.p {

color: red;
}

</style>

<body>

links

</body>

Comment/Reply (w/o sign-up)

omar

Mar 15 2005, 05:47 AM

Its cool, I've been trying to create a website on how to create a website. And you just gave me an idea, i should just make templates and give it to the people who dosent know HTML.

Comment/Reply (w/o sign-up)

Mario

Mar 15 2005, 12:55 PM

QUOTE(halo2krew @ Mar 14 2005, 10:14 PM)

This tutorial will show you how to make a webpage using html. It will be a very simple webpage but good for practice.
Get free hosting somewhere( anglefire, geocities) and go edit index.html.

Delete everything that is already there. You will start of by doing this

CODE

<html>
<title>

What you want to apper at the top of the browser GOES HERE

</title>

<body>
<h2> YOUR HEADER GOES HERE </h2>

Info about your site can go right here. Mabye start a welcome thing telling about your site and other stuff. Make it like a paragraph long or something

 <img src="http://www.armchairempire.com/images/previews/pc/halo-combat-evolved/halo-combat-evolved-1.jpg" width="400" height="300">
Links

<a href="http://www.google.com">google</a>
<a href="http://www.trap17.com/forums">Trap17 forums</a>
</html>

A preview of this can be found here- http://www.geocities.com/xboxdude56/

Just change the text to what you want it to be and you can also change the color in

CODE

Links

to what ever you want(instead of red make it say blue)

Nice tutorial but you should explain like the different parts. I know html but like newbies that just started to mess around with html they would need an explanation why this part is there and not here and why is it this way and not that way.

I would say that 90% of the time when you open something you would have to close ( / )it like
Text Here

 you can change the color the size and what kind of font : ex Arial, New Times Roman.

 begins a new paragraph

<a href="http://google.com"> insert a link

all the above have to be closed Ex <a href="http://google.com"> </a>

<html> it starts everything
<head><title></title></head> here goes the title and the meta tags
<body></body> content, links, pictures.. Everything goes in here
</html>

I don't know if that helped any

Comment/Reply (w/o sign-up)

bjrn

Mar 15 2005, 02:00 PM

QUOTE(Mario @ Mar 15 2005, 01:55 PM)

all the above have to be closed Ex <a href="http://google.com"> </a>

Actually, since the tutorial was about the very old HTML 3.2, you don't have to close the tag.

In fact, in HTML 3.2 you can get away with almost anything, for example, this is a valid HTML 3.2 document

CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<TITLE>valid html</TITLE>
<body>
wow, a valid HTML document!
I don't even need the html, head and body tags! So I'm just using the opening body tag, but not closing it. It doesn't matter, this validates anyway.
<ul>
<li>testing
<li>testing some more
</ul>

Comment/Reply (w/o sign-up)

doom145

Mar 15 2005, 09:32 PM

You might wanna add the following to make it a little bit more decorative
[CODE]
<body bgcolor="BLUE">

Notice that i put BLUE in bold....put whatever color u want there and you should have a nice background

Comment/Reply (w/o sign-up)

doom145

Mar 15 2005, 09:34 PM

You might wanna add the following to make it a little bit more decorative

CODE

Notice that i put BLUE in bold....put whatever color u want there and you should have a nice background

LOL i got it wrong sorry

Comment/Reply (w/o sign-up)

Benz1435

Mar 15 2005, 10:19 PM

Very good tutorial for anyone who is learning HTML. I use dreamweaver since I can't remember very good. I give props to anyone who can make sites without using anything except their brain.

Comment/Reply (w/o sign-up)

karlo

Mar 18 2005, 04:47 AM

As much as possible, use CSS. To fix the CSS errors in Internet Exploer, go to http://ie7.sourceforge.net

Do not use the  tags! use  instead! How to use span? example you need to make the text color red:

CODE

Hello, this is a red text

Comment/Reply (w/o sign-up)

Brunnen-G

Mar 19 2005, 04:48 PM

Well people... The most simple way to do a web page is to create it with COOL PAGE... It is like using PowerPoint.

Comment/Reply (w/o sign-up)