How to create you own website for free!

By: MadMonkey | Posted 05.1. 2009

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.

Website

Lets start by opening notepad (Start, run and type in notepad). Once notepad is open go to File, Save As… In the Save As box, find where it says “Save as type”, and in the drop down box, select All Files. In the “File name” box, type in index.html. Now we have the HTML file saved and we can start coding it. Here is a simple HTML template you can use:

Code

<html>

<head>

<title>Your Title</title>

</head>

<body>

<h1>Header</h1>

<p>Your paragraph goes here.<br>It is a good way to keep track of info.</p>

<br>

<img src=”http://yoursite.com/image.jpg” alt=”Alternative Text”>

<br>

<a href=”http://yoursite.com/”>Visit YourSite.com</a>

</body>

</html>

Explanations

The <> are called tags. <html> is a tag, <head> is a tag, etc. The </> are called closing tags. </html> is a closing tag, </head> is a closing tag, etc. Most tags you open, you have to close with the exception of <br> (break) and <img> (image).

<html> - Tells the browser that we are using HTML.

<head> - Tells the browser that this is the head information.

<title> - Tells the browser what the page’s title is.

</title> - Tells the browser that this is the end of the title.

</head> - Tells the browser that this is the end of the head information.

<body> - Tells the browser that this is the start of the body of the webpage and this is the part that will show up for the visitor.

<h1> - Tells the browser that the following text is a Header 1. (there is also <h2>, <h3>, <h4>, <h5> and <h6>).

</h1> - Tells the browser that this is the end of the Header 1 text.

<p> - Tells the browser that this is the beggining of a paragraph.

<br> - Tells the browser to make a break or a new line.

</p> - Tells the browser that this is the end of the paragraph.

<img> - Tells the browser to insert an image. (src=”Location of Image” & alt=”Alternative Text”)

<a> - Tells the browser to insert a link. (href=”Where the link should go to”)

</a> - Tells the browser that this is the end of the link text.

</body> - Tells the browser that this is the end of the body and the end of what the visitor will view.

</html> - Tells the browser that this is the end of the HTML for the website.

You can fill in your own stuff in the template above. Put your own title, add images, add links. I found that the best way to learn is to mess around with the coding and figure out what looks the best and what looks good to you and your own personal style. You made the HTML page but now you need to find a host to host it. There are quite a few good hosts. It takes a little time to figure out some of the hosts’ control panels because they can get confusing, but to upload your files; you want to use something called a File Manager. Once you find that you should be able to get it uploaded and running. I’ve listed a few good, free web hosts and hope you have fun making your own site! You can get a free subdomain (http://subdomain.domain.com/) from most hosting companys if you don’t own a domain (http://domain.com/).

Free Web Hosts

Free Hostia: domain hosting and web hosting service

AWARDSPACE.COM - Free Web Hosting, Domain Hosting, Professional Web Hosting, Domain

registration, Affordable, Reseller Program, PHP, MySQL, Ecommerce

Free Web Space Inc. offers free and cheap web hosting packages.

Tags: free website, html, html tutorial

1 Comment

by vj flash | November 17, 2009 @ 10:50 am

HELP ME HTML OR XML TUTORIAL

Can I install Windows 7 on my PC?

By: The H
Posted 11.8. 2009

You’ve heard the hype, you’ve seen the TV ads and the press reports and you’re sitting there thinking oh yea, Microsoft are at it again. Vista was a disaster, there I said it. It was released too soon without software support and was therefore doomed from the start.
When Vista was released we were all enjoying [...]