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:

  1. Anonymous9:46 AM

    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

    ReplyDelete
  2. Anonymous12:35 AM

    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

    ReplyDelete
  3. Anonymous3:32 AM

    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

    ReplyDelete
  4. Anonymous12:45 PM

    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

    ReplyDelete
  5. Anonymous9:22 AM

    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

    ReplyDelete
  6. Anonymous9:25 PM

    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

    ReplyDelete
  7. Anonymous10:12 PM

    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

    ReplyDelete
  8. Anonymous7:30 AM

    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

    ReplyDelete
  9. Anonymous12:19 PM

    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

    ReplyDelete
  10. Anonymous6:32 AM

    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

    ReplyDelete
  11. Anonymous11:29 PM

    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

    ReplyDelete
  12. Anonymous12:29 AM

    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

    ReplyDelete
  13. Anonymous3:23 AM

    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

    ReplyDelete
  14. Anonymous5:00 AM

    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

    ReplyDelete
  15. Anonymous4:15 PM

    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

    ReplyDelete
  16. Anonymous4:25 PM

    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

    ReplyDelete
  17. Anonymous1:59 AM

    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

    ReplyDelete
  18. Anonymous4:31 AM

    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

    ReplyDelete
  19. Anonymous6:09 AM

    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

    ReplyDelete
  20. Anonymous11:08 AM

    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

    ReplyDelete
  21. Anonymous7:17 PM

    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

    ReplyDelete
  22. Anonymous4:17 PM

    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

    ReplyDelete
  23. Anonymous5:07 PM

    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

    ReplyDelete
  24. Anonymous4:01 PM

    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

    ReplyDelete
  25. Anonymous11:32 AM

    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

    ReplyDelete
  26. Anonymous10:26 AM

    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

    ReplyDelete
  27. Anonymous6:04 AM

    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

    ReplyDelete
  28. Anonymous3:08 PM

    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

    ReplyDelete
  29. Anonymous12:14 AM

    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

    ReplyDelete