Jul 25, 2008

How To Make A Simple Webpage From Straight Out Htm

Free Web Hosting, No Ads > CONTRIBUTE > Tutorials
Pages: 1, 2

free web hosting

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)

 

 

 


Reply

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>

Reply

scab_dog
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

Reply

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

 

 

 


Reply

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>

Reply

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

Reply

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

Reply

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.

Reply

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>

Reply

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.

Reply



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*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Pages: 1, 2
Recent Queries:-
  1. how too creat doctype html public "-//w3c//dtd html 3.2 final//en - 140.28 hr back. (1)
Similar Topics

Keywords : make, simple, webpage, straight, htm

  1. Javascript Scroll Bar
    A scroll bar for your webpage using javascript (13)
  2. 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 ....
  3. 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



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE