Lesson 7:HTML Paragraphs
- Monday, February 2, 2009, 13:58
- Programming
- 549 views
- Add a comment
When writing a report or article, you divided the text into section called paragraphs. Paragraph is the continuous break commonly used for better representation for the reader. To start new paragraph you need to insert a blank line and start the new line with tab, that can be done by using(<BR>)line break but still you have to work hard for inserting tabs for the extra space.
There is an easy way out for paragraph in HTML document. HTML support <P> container divided the text in small continuous sections. Each paragraph is started with starting <P> tag and end with </P> tag. It is important to use pair of <P></P> for one paragraph if tag is not closed then it will considered as the same paragraph.
Let’s take an easy example to understand the concept of paragraphs in HTML.
<HTML>
<HEAD>
<TITLE>
PARAGRAPHS
</TITLE>
</HEAD>
<BODY>
<P>
Rank: 1 (Previous rank: 1) CEO: H. Lee Scott Jr. Employees: 2,055,000 Address: 702 S.W. Eighth St. Bentonville, Arkansas 72716 Country: U.S. Website: www.walmartstores.com
</P>
Wal-Mart last year number one company retaining its position on top, retail giant providing friendly environment to employees. The company expanded his health plan from employee to 94% as compared to the last year 90%
</BODY>
</HTML>
The Output of this html document on browser is shown below in the figure, pair of paragraph tag separate second section form first section.
Alignment Attribute in Paragraph
HTML paragraphs tag also support alignment attribute to change the default format of paragraph, by default paragraph is left aligned other than that right and center alignment value can be place for align attribute.
For better understand please go through the below example.
<HTML>
<HEAD>
<TITLE>
PARAGRAPHS
</TITLE>
</HEAD>
<BODY>
<P align=”center”>
Rank: 1 (Previous rank: 1) CEO: H. Lee Scott Jr. Employees: 2,055,000 Address: 702 S.W. Eighth St. Bentonville, Arkansas 72716 Country: U.S. Website: www.walmartstores.com
</P>
<P align=”right”>
Wal-Mart last year number one company retaining its position on top, retail giant providing friendly environment to employees. The company expanded his health plan from employee to 94% as compared to the last year 90%
</P>
</BODY>
</HTML>
The output of the above code in Internet explorer shown below. First paragraph is center aligned and second paragraph is right aligned, the reason to not show the use of left align because paragraph tags use left align by default.
Hope this tutorial will help you to learn the concept and use of HTML paragraph tag for more tutorial keep in touch.
(No Ratings Yet)
Loading ...About the Author
Adam has written 403 stories on this site.
Related Tutorials & Articles
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
The <HR> element in html create an horizontal line or rule across the screen. <HR> is called an empty tag, although it have four attribute to change default way the rule appears on screen. This tag is called an empty tag because there is not ending tag or closing tag. Look at the simple use...Read more
HTML is capable to embed images in a webpage; it can be done by using html tag <img>. Image tag is not a container tag means there is no closing tag but it has several attributes. Tag Syntax <img src=”picpath” height=”10” width=”20” alt=”image description” align=> Src Src attribute of image tag defines source of image, src is always set...Read more
The background attribute allows you to place image or picture on background of your page. The background is most commonly used attribute of <body>,<table> element. When background tag within body tag it repeat the image to fill whole web page background.It’s a good practice to use small size images because huge size image take time...Read more
The bgcolor attribute control the background color of the page. Bgcolor can be used with several html tags but here our keen focus on <body> background color. The value of background attribute can be set in plain text or in hexadecimal numbers, all background colors are the mix of RGB(red,green,blue) colors. Each colors value can...Read more
Write a Comment
Gravatars are small images that can show your personality. You can get your gravatar for free today!
