Add to Google

How To Make A Simple Webpage From Straight Out Htm

Pages: 1, 2
free web hosting
Open Discussion > CONTRIBUTE > Tutorials

How To Make A Simple Webpage From Straight Out Htm

halo2krew
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>

<p>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</p>

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


<font color="red">Links</font>

<p><a href="http://www.google.com">google</a></p>
<p><a href="http://www.trap17.com/forums">Trap17 forums</a></p>
</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

<font color="red">Links</font>


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

 

 

 


Comment/Reply (w/o sign-up)

nickmealey
Thats good, just you have the <font> 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>


<p class="p">links</p>

</body>

Comment/Reply (w/o sign-up)

omar
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. laugh.gif laugh.gif

Comment/Reply (w/o sign-up)

Mario
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>

<p>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</p>

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

<p><a href="http://www.google.com">google</a></p>
<p><a href="http://www.trap17.com/forums">Trap17 forums</a></p>
</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

<font color="red">Links</font>


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
<font color="red">Text Here</font>

<font color="red" size="5"> you can change the color the size and what kind of font : ex Arial, New Times Roman.

<p> begins a new paragraph

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

all the above have to be closed Ex <font color="red" size="5"> </font><p> </p> <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
QUOTE(Mario @ Mar 15 2005, 01:55 PM)
all the above have to be closed Ex <font color="red" size="5"> </font><p>  </p>  <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 <p> 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>
<p>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
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 biggrin.gif

Comment/Reply (w/o sign-up)

doom145
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 biggrin.gif


LOL i got it wrong sorry

Comment/Reply (w/o sign-up)

Benz1435
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
As much as possible, use CSS. To fix the CSS errors in Internet Exploer, go to http://ie7.sourceforge.net

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

CODE
<span style="color: red;">Hello, this is a red text</span>

Comment/Reply (w/o sign-up)

Brunnen-G
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)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

Pages: 1, 2
Similar Topics

Keywords : make, simple, webpage, straight, htm

  1. Create Dynamic Html/php Pages Using Simple Vb.net Code
    Taking your application data, and creating a webpage for others to vie (1)
  2. Javascript Scroll Bar
    A scroll bar for your webpage using javascript (13)
    In this tutorial I will show you how to create two buttons in the bottom left of the screen that,
    when hovered over, will scroll the page. Now to start with, we must create a our buttons, the first
    line will create a div element, or block. Using blocks you can position items anywhere on a page.
    We use the ID property just to let us know what the block is used for, as for the first block, its
    obvious that it contains the vertical buttons and the second two blocks contains the horizontal
    buttons. The style property of the div tag tells the browser how to draw it, in the....
  3. Handy Javascript Code Snips
    Ready to Apply in your webpage (5)
    /tongue.gif' border='0' style='vertical-align:middle' alt='tongue.gif' /> Some common things to
    implement in our webpage very frequently are as follows. How to implement all these I am going to
    tell you in this tutorial. Add To Favorite Set As Homepage Go To Top Of Page No Right Click
    Print Page Adding Current Date Adding Current Time Pop-Up Page Creation Closing Window
    Copyright Notice Updation 01. Add To Favorite Someone may be interested in the content of your
    page. Offer him/her to add the page in his/her favorite menu. To do this you have ....
  4. How To Stop People From Pirating Your Source Codes
    How to encrypt your webpage source sode (40)
    /ph34r.gif' border='0' style='vertical-align:middle'
    alt='ph34r.gif' /> -Encryption- /ph34r.gif' border='0' style='vertical-align:middle'
    alt='ph34r.gif' /> If your like me, you probably hate those Javascripts witch open a "Right
    Click Disabled" prompt. An easier way to confuse pirates from stealing your hard worked scripts or
    codes you can easily encrypt your html. In this tut i will show you how to both create
    an html encrypting script and will show you the diffrent methods of encryption. 1. The HE....

    1. Looking for make, simple, webpage, straight, htm

Searching Video's for make, simple, webpage, straight, htm




advertisement



How To Make A Simple Webpage From Straight Out Htm