Saturday, November 18, 2006

Design Your Own Website using HTML


In this article I will tell you a simple webpage design using HTML and how to host it on www.freewebs.com. This article is for newbies only.

HTML documents use TAGS. A tag is a string in the language surrounded by a less than (<) and a greater (>) than sign. An opening tag is a string that does not begin with a slash (/). An ending tag is a string that begins with a slash (/). The region between an opening tag and a closing tag with the same string is referred to as an element.

An opening<html> and a closing </html> tag should surround the entire html document. We should also find opening and closing tags for <head> and <body> elements. An HTML document code should appear as shown below.

<HTML>
<HEAD>
.....
</HEAD>
<BODY>
.....
</BODY>
</HTML>

I will tell you some other simple tags.

The title of the HTML document is placed between the opening<TITLE> and closing </TITLE> tags. <TITLE> tags are placed within the <HEAD> tags.

<HR> tag places a horizontal Rule. This tag is within the <BODY> tags.

<BR> tag represents a line break

<P> tag represents a paragraph break.

<H1> ..... </H1> tags represents a level 1 heading.

<H2> ..... </H2> tags represents a level 2 heading.

<CENTER> ..... </CENTER> tags aligns the text between them centrally.

BGCOLOR this attribute is used in the opening <BODY> tag for setting the background color of Webpage.

If you want to give a link to yahoomail from your site, you can do that with the help of <A> tags like this.

<A HREF=http://www.yahoomail.com>yahoomail</A> Result : Thease tags underline yahoomail. So if you click yahoomail then it will take you to www.yahoomail.com

Now Design A simple Webpage:

Open Notepad. Type the following html code in Notepad and save it with a file name with an .html extension.(EX: save as index.html)

<html>
<head>
<title>Homepage of Praneel</title>
</head>
<body bgcolor=orange>
<h1><center>MY HOMEPAGE</center></h1>
<hr>
<h1>Praneel</h1>
D/No: 1-11 <br>
M.G. Road <br>
Vijayawada<br>
<hr>
<h1>About Me</h1>
I am studying 10th class in Adithya Public School,Vijayawada.
<p>
My present Aim is to get state rank.
<hr>
<h1>My links</h1>
<a href=http://www.yahoomail.com>yahoomail</a>
<hr>
</body>
</html>

Now save this as index.html then open the file in internet explorer. Now your Webpage will be like this.


Now I will tell you how to host this on www.freewebs.com site. Hosting is free.

Open www.freewebs.com. Then sign up for a free account. Choose a username and password and give email address and other details. Tick their terms and conditions. Click Next Step. Then click I AGREE.Then choose HTML mode then type your full name and choose site category then click nextstep. Now it will ask some details. It is optional so donot give any details. At top right corner you will find “Nothanks continue” link. Click that link. Then Welcome to freewebs link come.


Now click site manager. Here you will find upload a file. So you can upload your notepad file. Remember onething. You have to name your file as index.html in order to upload to freewebs site.


One thing is important. Freewebs site will send a verification link to your email address which you have given during filling the details for freewebs account. So open your email box and click the verification link sent by the freewebs site.

Now click upload a file. In the box give the path of your's index.html file by clicking the browse button. Now click upload file button. Then your index.html file will be uploaded to freewebs site. I have given user name as praneel. So my website name is like this.
http://www.freewebs.com/praneel Now you can check this site on net.

You can edit your index.html file at anytime and you can save it. For this open www.freewebs.com site. Then give your username and password and goto your account. There click Site manager button. Then you can observe your index.html file with EDIT,RENAME,DEL buttons. Click edit buttion then your html code will be open in another window. Do the necessary changes then go to file menu of WebEdit 1.9(Not internet explorer file menu) and click save. Then your index.html will be saved.

Without knowing HTML, You can also create your website at freewebs.com. For this do like this.

Open www.freewebs.com. Then sign up for a free account. Choose a username and password and give email address and other details. Tick their terms and conditions. Click Next Step. Then click I AGREE.Then Do not choose HTML mode. Here you have to choose one of the templates of Freewebs.com site. Rest of the procedure is almost same as above
.


29 comments:

Anonymous said...

Thanks a lot for sharing this with all of us you really
know what you're talking about!

Bookmarked. Please also visit my website =). We could have a link exchange agreement between us!

Also visit my blog post; spain england elizabeth
My web page :: spanish words of affection

Anonymous said...

A powerful share, I just given this onto a colleague who was doing a bit analysis on this.
And he in

reality purchased me breakfast as a result of
I

found it for him.. smile. So let me reword that: Thnx for the treat!
However yeah Thnkx for

spending the time to discuss this, I feel strongly about it and love studying more on this topic.

If potential, as you change into experience, would you thoughts updating your blog with
extra

particulars? It's extremely useful for me. Huge thumb up for this

blog submit!

Here is my web blog - http://www.alegallegos.com
my website > crown cars spain

Anonymous said...

Magnificent goods from you, man. I've understand your stuff previous to and

you're just too excellent. I actually like what

you've acquired here, really like what you are saying and the way in which you

say it. You make it entertaining and you still care for to keep it sensible. I

can't wait to read much more from you. This is actually a


tremendous website.

My weblog: http://gofindhere.com/?module=SinaRogers74&params=34263
Stop by my web page : weather spain tomorrow

Anonymous said...

I love what you guys tend to be up too. This kind of
clever work and reporting! Keep up the very good works guys I've included you guys to my blogroll.
Also visit my weblog : http://bdhelpcenter.blogspot.fr

Anonymous said...

Fantastic goods from you, man. I've understand your stuff previous to and

you're just extremely wonderful. I really like what

you've acquired here, certainly like what you're stating and the way in which you

say it. You make it entertaining and you still care for
to keep it wise. I

cant wait to read much more from you. This is actually a great web site.
Take a look at my web-site i-rpg.net

Anonymous said...

Thank you for the good writeup. It in truth was a enjoyment
account it. Glance complicated to

far brought agreeable from you! By the way, how can we keep up a correspondence?
My weblog ... socialcircle.stock-options-picks.com

Anonymous said...

Excellent blog here! Additionally your site a lot up fast! What host are you the usage
of? Can

I get your affiliate link in your host? I desire
my site loaded up as quickly as yours lol
Also see my site :: http://phylab.Mtu.edu

Anonymous said...

hello!,I like your writing so much! share we communicate more about your article on AOL?
I need an expert on this area to solve my problem.

May be that's you! Looking forward to see you.
My weblog ... zakladki.no1.mielno.pl

Anonymous said...

I love what you guys tend to be up too. This kind of clever work and exposure!
Keep up the excellent works guys I've added you guys to my own blogroll.
Also see my website :: http://Conf-Lose.Keul.fr/wiki/index.php?title=Utilisateur:LeonidaMills1985

Anonymous said...

Today, I went to the beachfront with my children. I found a sea shell and gave it to my 4 year

old daughter and said "You can hear the ocean if you put this to your ear." She placed the shell to her ear
and

screamed. There was a hermit crab inside and it pinched her ear.
She never wants to go back! LoL I know this is

entirely off topic but I had to tell someone!
Feel free to surf my web site ... Thisisspain.info

Anonymous said...

magnificent issues altogether, you just won a

brand new reader. What may you recommend in regards to your

post that you simply made some days ago? Any

positive?
Stop by my blog ... judges.cwars.ru

Anonymous said...

I am not sure where you are getting your info, but good topic.
I needs to spend some

time learning more or understanding more. Thanks for magnificent

info I was looking for this info for my mission.
Here is my site - http://fridaylist.net

Anonymous said...

Wonderful website. A lot of helpful

info here. I’m sending it to some friends ans additionally

sharing in delicious. And certainly, thank you on your

effort!
Review my site ... http://topseobacklinks.com

Anonymous said...

I must show some appreciation to the writer for rescuing me
from this particular

issue. Because of surfing around through the the net and finding

strategies which were not helpful, I thought my life was


well over. Existing without the

approaches to the difficulties you have fixed through
your blog post is a serious case, and the ones which may have adversely

damaged my entire career if I hadn't come across

the website. Your own personal

expertise and kindness in playing with almost everything was

tremendous. I am not sure what I would've done if I hadn't come upon such a step like this. I can at this moment relish my future. Thanks so

much for the high quality and

effective help. I will not hesitate to refer the sites to any individual who ought to have guidelines

on this area.
Feel free to surf my web-site Weather Forecast Varadero Cuba

Anonymous said...

Fantastic web site. Lots of useful

info here. I am sending it to a few friends ans also
sharing in delicious. And obviously, thanks for your effort!
Also see my web page - http://www.annasseh.com

Anonymous said...

Wow, incredible weblog layout! How

lengthy have you ever been blogging for? you make running a blog

look easy. The entire glance of your web site is fantastic, let alone the content!
Also see my web page: klosters switzerland weather

Anonymous said...

I was suggested this website by my cousin.

I'm no longer positive whether or not this submit is

written through him as nobody else recognise

such unique

approximately my difficulty. You're amazing!

Thanks!
Feel free to visit my weblog :: http://quarei.it

Anonymous said...

Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point.
You

obviously know what youre talking about,
why waste your intelligence on just posting

videos to your weblog when you could be giving us something enlightening to read?
Also visit my website ... tx unclaimed property

Anonymous said...

You actually make it seem so easy with your presentation but
I find this matter to be really

something that I think I would never understand. It seems too complex and very broad for

me. I am looking forward for your next post, I’ll try to get the hang of it!
Check out my weblog ; murcia spain fishing

Anonymous said...

It’s really a cool and useful piece of info. I am

happy that you shared this helpful info with us. Please keep

us up to date like this. Thank you for sharing.
Also visit my web-site : weather forecast nc greensboro

Anonymous said...

I have been surfing on-line greater than 3 hours

today, but I never found any attention-

grabbing article like yours. It’s lovely worth enough for me.

In my

opinion, if all site owners and bloggers made

good content as you did, the web shall be much
more useful than ever before.
my page - www.diysolarheatingspain.com

Anonymous said...

Oh my goodness! an amazing article dude. Thanks Nonetheless

I am experiencing situation with ur rss . Don’t know why Unable

to subscribe to it. Is there anyone getting similar rss problem?
Anybody who is aware of kindly respond. Thnkxxx
Have a look at my web site ... http://www.linksbang.com

Anonymous said...

Exceptional post but I was

wondering if you could write a litte more
on this topic? I'd be very thankful if you

could elaborate a little bit further. Thanks!
Feel free to surf my site ... candidatura pp albox

Anonymous said...

Nice blog! Is your theme custom made or did you download it from

somewhere? A theme like yours with a few simple adjustements would
really make my blog

stand out. Please let me know where you got your theme.


Cheers
Here is my webpage : aloninweb.blogspot.com

Anonymous said...

Thank you a bunch for sharing this with all people
you really recognize what you are speaking about! Bookmarked.
Please

additionally discuss with my web site =). We

may have a link alternate contract among us!

Here is my page: www.fashion.fm

Anonymous said...

I like the helpful info you provide to your

articles. I will bookmark your blog and take a
look at again here

regularly. I'm moderately sure

I’ll be told lots of new stuff proper here! Best of luck for the following!

My weblog: www.miamorebg.com

Anonymous said...

I like the helpful info you provide in your articles.
I will bookmark your weblog

and check again here regularly. I am quite certain I will learn lots of new stuff right here!
Good luck for the next!

Also visit my web page :: exsocial.tk

Anonymous said...

It is perfect time to make a few plans for the future

and it is time to be happy. I've learn this put up and if I may just I want to counsel you few fascinating things or advice. Perhaps you can write subsequent articles

regarding this article. I want to learn more

issues approximately it!

Here is my web-site ... vle.um.edu.mt

Anonymous said...

Wow! Thank you! I permanently needed to write on my blog something like that.
Can I take a part of your post to my blog?

Also visit my blog - www.nieruchomosci-warminsko-maz-24.pl