HTML Paragraphs, Line Breaks and Horizontal Ruler

HTML paragraphs are defined with the <p> tag:


<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Sample 01

<html>
          <head>
                   <title>Sharp Land </title>
          </head>

<body>
                 <h1>Sharp Land – Software Training Division</h1>
<p title="About Sharp Land">Developing Softwares, websites and providing training to Software field Students of engineering and arts college in effective manner and producing a strong young generation IT Peoples to industry.</p>
</body>     
</html>

Check Output
  
The title Attribute
In this above example, the <p> element has a title attribute. The value of the attribute is "About Sharp Land". When you move the mouse over the above paragraph, the title will display as a tooltip.

HTML Line Breaks

The HTML <br> element defines a line break.  Use <br> if you want a line break (a new line) without starting a new paragraph:

<p>This is<br>a para<br>graph with line breaks</p>

Sample 02: Paragraph with Line Breaks

<html>
          <head>
                   <title>About Paragraph</title>
          </head>
<body>
                   <h1>Sharp Land – Software Training Division</h1>
                    <p>This is<br>a para<br>graph with line breaks</p>
</body>     
</html>

Check Output

Sample 02: Paragraph tag with Alignment attributes

<html>

<head>
         <title>About Paragraphs</title>
</head>

<body>
           <hr>
                   <h1 style="text-align:center">APJ Abdul Kalam Quotes</h1>
           <hr>
           <p style="text-align:left;">
            You cannot change your future,<br/> but you can change your habits,             <br>and surely your habits will change your future. <br/>- Dr. A.P.J.                  Abdul Kalam
           </p>

           <p style="text-align:right;">
Look at the sky. we are not alone.<br/> The whole universe is friendly               to us and conspires only to give the best to those who dream and                    work.<br/>- Dr. A.P.J. Abdul Kalam
           </p>

           <p style="text-align:center;">
LIFE and TIME are the world’s best Teachers. <br/>Life teaches us to                  make good use of TIME and TIME teaches us the value of LIFE.,                     <br/>-Dr. A.P.J. Abdul Kalam
           </p>
          <hr>
</body>
</html>

Check Output


Paragraph Justify Alignment

Justify aligns the paragraph in both left and right side and provides consistent display as block.

Sample 03

<html>
          <head>
                   <title>Sharp Land </title>
          </head>
<body>
                   <h1>Sharp Land – Software Training Division</h1>
<p style="text-align:justify;">Developing Softwares, websites and providing training to Software field Students of engineering and arts college in effective manner and producing a strong young generation IT Peoples to industry.
</p>
</body>     
</html>

Check Output

No comments:

Post a Comment