Lesson 3: How to use Body tag in HTML Document



Body tag hold the major portion of contents in HTML documents, it handles all the appearance of web page. There are different tags used within the body tag pairs to render the web page. You need to learn how to use these tags at two different levels.

1.In creating eye catching pages that communicate the desired information to the reader.

2.in creating easy-to-read HTML documents that other web weavers can readily understand and,if necessary,easily modified.

The contents in the body portion of the document are unformatted, line break in the notepad does not mean it will displayed in the new line when you view the page in the browser. All the formatting between the body tags can be handled through other tags.

Let me show you the example.

<html>
<head>
<title>
My Webpage
</title>
</head>
<body>
Welcome to sooper tutorials!
Free Online Tutorials
</body>
</html>

Save the page on desktop with the name filename of (body.htm) and double click on browser icon with the name of file.

image thumb6 Lesson 3: How to use Body tag in HTML Document

 

As shown in the figure both the sentences are displayed on the same line although the formatting is different in notepad but browser can’t read the formatting of any text editor tags are required to change the formatting.

Share this tutorial:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Live
  • PlugIM
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati
  • TwitThis
  • YahooMyWeb
  • description
  • E-mail this story to a friend!
  • MisterWong
  • BlinkList
  • LinkedIn
  • MySpace
  • Print this article!
  • Yahoo! Buzz

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

About the Author

Adam has written 384 stories on this site.

Related Tutorials & Articles

Lesson 2:How to use title tag in HTML document
In lesson 1 we have seen that head and body portion contents are shown together on body part of the document. In this tutorials we will see how to use the title tag to show the head part separate from the body part. Let me show you the document which were used in lesson 1 for...Read more
Lesson 1:Creating an HTML Template
HTML document is a simple text file enclosed tags and text. Before starting progress in HTML following pre-requisites are required to work in HTML. -Operating System -Notepad or any other text editor for writing HTML. - Browser for viewing the results of HTML After fulfilling the requirement you can start you hands own on HTML. Working in HTML is...Read more
Lesson 4:How to use line break tag in HTML
As discussed in Lesson 3, contents in the body portion of html document are unformatted. In lesson 3 we applied line break from notepad but it does not work. This tutorial will teach you how to apply line breaks in html document. <BR> is not the container tag its a single tag used for line break....Read more
Lesson 5: Headings Tags in HTML
Web pages  contains series of contents line or pages, its very difficult for the user to differentiate different section of the contents because all the text formatting is same. HTML support hot feature of heading, there are six heading element <H1></H1>….<H6></H6>. By using different level of tags document creator can show different section within the same...Read more
Lesson 6: Comment Tag in HTML
Comment tag is ignored by the browser and it’s invisible to the browser. The purpose of comment tag to facilitate the author for entering the details of tags and document.As you write you web page it is important to add comments that identify who created it,when it was created and,where appropriate,brief explanation of why  you...Read more

2 Comments on “Lesson 3: How to use Body tag in HTML Document”

  • GingerB wrote on 2 February, 2009, 1:05

    Thanks for putting this together. For me, it’s all about cheat sheets. I always have my iPhone with me, so I keep them there for handy reference - even offline. The best HTML cheat sheet I’ve found so far is from these guys:

    http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=303696538&mt=8

    It has all of the elements, entities, colors and more. They also have great cheat sheets for CSS and Javascript. Hope this is helpful.

Trackbacks

  1. Using Line break tag

Write a Comment

Gravatars are small images that can show your personality. You can get your gravatar for free today!

Copyright © 2010 Sooper Tutorials. All rights reserved. Powered by WordPress.org, Website by ISolution.org.