HTML Paragraphs

Updated:11/17/2024 by Computer Hope

Features of HTML Paragraphs,  basic structure of an HTML document

Now that you have the basic structure of an HTML document, you can mess around with the content a bit. <P> indicates the start of a new paragraph  . This is usually rendered with two carriage returns, producing a single blank line in between the two paragraphs:

We have seen few HTML tags and their usage like heading tags <h1>,<h2>, paragraph tag <p>and other tags

Below is an example of a basic web page written in HTML with a description HTML Paragraphs tag.

   <!-- 
Example contain a paragraph  of html.
It is  just create a simple web page in web browser
Note : open note paid and Save this code on notepad with extension of .html 
then right click and select option of Open with in Window user ,run with any browser and display output .
   -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
         <head>
         <title>Example page</title>
         <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
         </head>
         <body>
         <h1>This is a heading</h1>

          <!--
           here you can able see Paragraph of Tag
          -->
         <p>   here you can able see Paragraph of Tag  </p>   
         
         <img src="images/smiley.webp" width="30" height="30" alt="Smiley"> 
         <a href="https://www.google.com/" title="Search Engine"> Google</a> 
         <a title="Hyper Text Markup Language"> HTML </a> 
         <input type="text" value="John Doe"> 
          
         <p>This is an <b>example</b> of a basic HTML page.</p>
         </body>
   </html>

Features of HTML Paragraphs

  • As a logical element, empty paragraphs are ignored by the browsers, so do not use empty <p> elements to add blank lines in your web pages. To create blank lines use the <br> tag, or use the CSS margin property instead.
  • When you use the <p> element to begin a paragraph, it automatically creates some space (margin) above and below the content. This space is applied by the browser's built-in style sheets, but you can override it using CSS margin property.

Top most html Article