RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://www.w3resource.com/html-css-exercise/basic/pre-answer.php below:

Website Navigation

HTML5: How to define preformatted text?

HTML5: How to define preformatted text?Last update on February 12 2024 12:52:05 (UTC/GMT +8 hours)

Go to Exercise page

Solution:

HTML Code:

<!DOCTYPE html><!-- Define document type as HTML5 -->
<html><!-- Start of HTML document -->
<head><!-- Start of head section -->
<meta charset="utf-8"><!-- Define character encoding -->
<title>How to define preformatted 
text</title><!-- Title of the document -->
</head><!-- End of head section -->
<body><!-- Start of body section -->
<pre><!-- Start of preformatted text section -->
this  is  a   <!-- Text content with multiple spaces preserved -->
pre   
     formatted   
                  text <!-- Additional text with varying indentation -->
</pre><!-- End of preformatted text section -->
</body><!-- End of body section -->
</html><!-- End of HTML document -->

Explanation:

This HTML code demonstrates how to define preformatted text using the <pre> element.
The <pre> element is used to display text exactly as it is written in the HTML code, preserving spaces, line breaks, and indentation.
Inside the <pre> element, there is a block of text with multiple spaces between words, demonstrating how the <pre> element maintains the spacing.
The text within the <pre> element is displayed exactly as it appears in the HTML code, including the varying indentation levels.
Preformatted text is commonly used for displaying code snippets, preserving their formatting and layout.

Live Demo:

See the Pen pre-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser

Go to Exercise page

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4