BIGtheme.net http://bigtheme.net/ecommerce/opencart OpenCart Templates
Wednesday , February 21 2018

HOW TO USE HTML PARAGRAPH TAG IN HTML CLASS 9

HTML Paragraph Tag

The p tag is known as HTML paragraph tag and This paragraph tag is used to change breaks text into the paragraph. Any text that written within <p> and a closing </p> tags become a separate block. This p tag  (HTML paragraph tag) is used to make a blank line above and below the text of any paragraph. All the HTML 5 supported web browser understand automatically how to display HTML paragraph tag (<p>). You have to use p tags when you want to start a new HTML paragraph element into your web page

html-paragraph-tag-class-9

Example

<!DOCTYPE html>
<html>

<head>
  <title>My First HTML</title>
  <meta charset=”UTF-8″>
</head>

<p> Quaid-e-Azam is our great leader.  He is the founder….. </p>
<p> His father sent him to England for higher   education….. </p>

<body>

</html>

Display

Quaid-e-Azam is our great leader.  He is the founder of Pakistan. Quaid was born in Karachi on December 25, 1876. He was very intelligent and hardworking student. He studied late at night he passed his matriculation examination at the age of sixteen

His father sent him to England for higher   education. He passed bar-at-law from London. Then he returned home. He started practice in Karachi. But soon he went to Bombay and became the best lawyer of his time. He wanted   to work from the freedom of his country and worked very hard. He was a wise and brave man. After a hard and long struggle Pakistan into being on 14th, August 1947. Quaid-e-Azam became first governor general of Pakistan. As he worked day and night. He died 11th, September 1948. But heroes like him never die. He lives in our hearts.

NOTE : You can use any best HTML 5 editor for to write HTML Paragraph tags

More Related Topics

 

HTML Paragraph Tag Video Tutorial

HTML line break in HTML paragraph tag

When you want to write a poem into your web page you have to write each line into separately but how can you do it? In this lesson, we are discussing P tag so is it good to use P tag (HTML paragraph tag) to break a line? NO to write the poem you have to use another tag know as BR tag. The <br> tag is used to add a white space between two lines. You can also use BR tag when you do not want a full paragraph line break and also need a white space within a paragraph. Use <br> tag if you want a new line without starting a new paragraph. The BR tag does not need a closing tag like <p> </p> (HTML paragraph tag) and all other tags

Example

<p>This is<br>a paragraph<br>with line breaks</p>

Display

This is
a paragraph
with line breaks


How to Write Poem

You can write a poem with the use of BR tag let see

Example

There is another sky by Emily Dickinson <br>

There is another sky, <br>
Ever serene and fair, <br>
And there is another sunshine, <br>
Though it is darkness there; <br>
Never mind faded forests, Austin, <br>
Never mind silent fields –<br>
Here is a little forest, <br>
Whose leaf is ever green; <br>
Into my garden come!

Display As

There is another sky by Emily Dickinson

There is another sky,
Ever serene and fair,
And there is another sunshine,
Though it is darkness there;
Never mind faded forests, Austin,
Never mind silent fields –
Here is a little forest,
Into my garden come!

 

HTML Pre Element in HTML paragraph tag

The HTML <pre> element use to define performed text. The text inside a <pre> element is displayed in a fixed-width font and it preserves both spaces and line breaks as

<pre>

Life Is Fine by Langston Hughes

I went down to the river,
And set down on the bank.
I tried to think but couldn’t,
So I jumped in and sank.

I came up once and hollered!
And came up twice and cried!
If that water hadn’t a-been so cold
I might’ve sunk and died.

</pr>

Html Paragraph Alignment in HTML paragraph tag

HTML paragraph can be aligned just like alignment into Microsoft office. In HTML 5 we have to use different HTML attribute to change the layout or design web page. The left alignment is set by default but you can change alignment into justification, center, right.

Justification to use justification align attribute (HTML Code) <p align= “justify”> is used.

Center to centralize your paragraphs with align attribute < p align= “center” > is used.

Right to align paragraph right HTML code < p= “right”> is used.

Example

<p align= “justify”> this lesson define you all about paragraph tags and in this section, we learn how all the paragraph justify with the help of HTML codes. You can align paragraph justification just like this. Do not forget to close p tag with the help of end tag </p>

<p align= “center> these lines are in center due to center alignment attributes </p>

<p align= “right” > this is right side alignment of your paragraphs </p>

Display AS

this lesson defines you all about paragraph tags and in this section, we learn how all the paragraph justify with the help of HTML codes. You can align paragraph justification just like this. Do not forget to close p tag with the help of end tag

these lines are in the center due to center alignment attributes

this is right side alignment of your paragraphs

Feel free to ask any question and keep visiting www.myaktion.com for more essay and study help

About My Aktion

Aksa Sahi I am a web developer and SEO expert and also an Economist, I earned the degree of B.sc (Hons) in Agricultural and resource Economics from the University of Agriculture Faisalabad in 2013. Exploring the World of Technology and traveling the adventure place is my passion working as a teacher and as a freelance web developer. I love to explore the world of IT. www.myaktion.com

Check Also

How To Add Google Analytics To WordPress Website

How To Add Google Analytics To WordPress Blog

It is important to every blogger to make a knee eyes to the visitor to ...

One comment

  1. Thank you for sharing this article. Keep it up.

Leave a Reply

Your email address will not be published. Required fields are marked *