HTML pre tag - Ebhor.com

The pre tag is used to display preformatted text in HTML document. pre tag preserves the content structure it can be used to show pre-formated data stored in the database and in another documents and to show computer codes programs to HTML document.

Syntax:

<pre>...

<pre>...

Example:

<!DOCTYPE html>
<html>

  <head>
    <title>
      Example of HTML pre tag
    </title>
  </head>

  <body>
    <pre>
    This is a pre tag example.
    This preserves      the 
    
        text
        
        
        
        strutcture
    
    
    
       Done!!

<!DOCTYPE html>

<html>

<head>

<title>

Example of HTML pre tag

</title>

</head>

<body>

<pre>

This is a pre tag example.

This preserves the

text

strutcture

Done!!

Result:

Pre tag can also be used to represent formatted computer codes like programing language code to show in HTML document like below

Example:

<!DOCTYPE html>
<html>

  <head>
    <title>
      Example of HTML pre tag
    </title>
  </head>

  <body>
    <pre>
     function sum(){
            var a=5;
            var b=9;
            var c=a+b;
            document.write("Sum is "+c); 
      }

<!DOCTYPE html>

<html>

<head>

<title>

Example of HTML pre tag

</title>

</head>

<body>

<pre>

function sum(){

var a=5;

var b=9;

var c=a+b;

document.write("Sum is "+c);

}

Result: