How to display & in html

html - What's the correct way to display multi line text?

Asked 4 years, 6 months ago

Modified 7 months ago

Viewed 42k times

I have a HTML document with some distinct rows of text, is there some decided correct way to display them?

Example:

Here are some lines of text 

Should I use the <p> tag for each row, or is there some other/better way to do it?

Examples:

<p>Here are</p> <p>some lines</p> <p>of text</p> 

or

<p> Here are <br> some lines <br> of text <br> </p> 

Or something completely different?

The CSS & other things isn't really relevant at the moment, I'm just wondering which is the "most correct" way to use.

• html
• text

2

if you have a string with new lines that you want to display for example in a div, you can use white-space: pre-wrap css style:

. multiline { white-space: pre-wrap; } <div> A multiline text for demo purpose </div> 

1

Or you can try this without tag wrapping each line:

<div> Here are some lines of text </div> 

1

The correct way to do things is using things made for the things you need. If you want a line break (enter), use <br>; If you want to define a paragraph, use <p>.

According to this, the <br> element is used to insert a line break without starting a new paragraph. Hence you should prefer the second solution over the first.

w3schools comes with a marvelous article about style guides and coding conventions.

0

The spec makes it very clear that <br> should never be used unless the line breaks are actually part of the content forming a single unit of text.

As these are distinct rows of text, not a single unit that happens to contain line breaks, they need to be split into separate <p> elements.

There is no such thing in most correct way, at least according to the current specification of your needs. Yes, you can put them all in separate paragraphs, using the <p></p> tag or you can separate them via a <br> tag at every line. You can also use spans combined with the white-space CSS attribute, so you have a lot of options. To choose the best option for you, you will need to try them out and see what fits your requirements the best.

If you want to create a multiline paragraph that maintains the line seperation in your code without throwing
s everywhere. Simply use the html tag.

1

Your Answer

Sign up or log in

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Email

Required, but never shown

Post as a guest

Email

Required, but never shown

HTML Entities

❮ Previous Next ❯

Reserved characters in HTML must be replaced with character entities.

HTML Entities

Some characters are reserved in HTML.

If you use the less than (<) or greater than (>) signs in your text, the browser might mix them with tags.

Character entities are used to display reserved characters in HTML.

A character entity looks like this:

&entity_name;

OR

&#entity_number;

To display a less than sign (<) we must write: &lt; or &#60;

Advantage of using an entity name: An entity name is easy to remember.
Disadvantage of using an entity name: Browsers may not support all entity names, but the support for entity numbers is good.

Non-breaking Space

A commonly used entity in HTML is the non-breaking space: &nbsp;

A non-breaking space is a space that will not break into a new line.

Two words separated by a non-breaking space will stick together (not break into a new line). This is handy when breaking the words might be disruptive.

Examples:

• § 10
• 10 km/h
• 10 PM

Another common use of the non-breaking space is to prevent browsers from truncating spaces in HTML pages.

If you write 10 spaces in your text, the browser will remove 9 of them. To add real spaces to your text, you can use the &nbsp; character entity.

Tip: The non-breaking hyphen (&#8209;) is used to define a hyphen character (‑) that does not break into a new line.

Some Useful HTML Character Entities

Note: Entity names are case sensitive.

Combining Diacritical Marks

A diacritical mark is a "glyph" added to a letter.

Some diacritical marks, like grave (  ̀) and acute (  ́) are called accents.

Diacritical marks can appear both above and below a letter, inside a letter, and between two letters.

Diacritical marks can be used in combination with alphanumeric characters to produce a character that is not present in the character set (encoding) used in the page.

Here are some examples:

You will see more HTML symbols in the next chapter of this tutorial.

❮ Previous Next ❯

NEW

We just launched
W3Schools videos

Explore now

COLOR PICKER

CODE GAME

Play Game

Top Tutorials

Top References

Top Examples

FORUM | ABOUT

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2022 by Refsnes Data. All Rights Reserved.
W3Schools is Powered by W3.CSS.

How to display HTML code in HTML page

Tags: Web Page Front End Foundation html css

How to display HTML code in HTML page

Display HTML code in HTML page

Method 1: Preless Plus Code tab (personal favorite style)

Use

 tag, . 
 Note: All "<", ">" in the code is replaced by yet and && gt, if not replaced, does not recognize the HTML language, resulting in executing this code instead of displaying the code. If there are other special characters in the code, there is also a replacement. If you don't pre-add, all code completions will be considered a space that will wrap according to the size of the browser, and will not go from the side of the wrap. 
 
 
Here is the code
 
 
 Results as below: 
 
 
 Method 2: Textarea tag (may be used if the code is too long) 
 
  
 
 Results as below: 
 
 
 Method 3: XMP Tag (didn't try it) 
 
 Note: I've seen the XMP tag online, but HTML5 doesn't support this tag in the HTML Manual. 
 
 Display the result of the HTML code in an HTML 9 page0005 
 Copy the code directly. 
 
 Here is the code 
 
 
 Smart recommendation 
 
 A few questions about reference signs 2018-06-15 
 
 The default pointer under an arc is a strong reference: __ SICK & __ weak and __ unsafe comparison reference: __strong & __weak & __ Unsafe_unreted... 
 
 Pytorch uses more GPU facilities 
 
 Using multiple GPUs in Pytorch requires the declared model to be initialized after the Declarative Model, such as: Then, after running the Python file The Model Training, all GPUs. .. 
 
 How long is it so long? How did logistics robots not run into thousands of households? 
 
 In the CEC Prisoners Group "The German Continental Group demonstrates its latest logistics robots" - the Anymal package delivery dog. For this, the result of the Circle of Media and Technology... 
 
 Notes on the practical study of machine learning --- a priori algorithm 
 
 Association analysis is the task of finding interesting relationships in large-scale datasets. These relationships can take two forms: Frequent Item Sets: A set of items that appear frequently... 
 
 Spring(4) Third Integration Final Chapter Framework 
 
 Spring_day04 (integration of three main frameworks) 1. Three frameworks (integration principle) The backend of a web project is divided into three layers. 2. Guide package (42) hibernate: hibernate/lib/required hiberna... 
 
 You may also like 
 
 First understanding of the Python series unit test 
 
 The unittest framework can be used not only for unit testing, but also for developing and executing web-based automated test cases. A test framework can ... 
 
 The principle of inconsistent loading of images in the process of loading images as a list. 
 
 // Main interface layout // Nested layout // Main function MainActivity // Create a new bean class // Create an adapter // Tools... 
 
 SpringBoot + mysql + docker project deployment 
 
 Preparing the domain name and Alibaba Cloud server domain name: You can purchase the required domain names from major cloud service providers. I purchased an Alibaba Cloud domain name. To the cloud... 
 
 Build an IPA server from scratch. Implementation of LDAP + Kerberos Domain Verification (Open Firewall, Command Version) 
 
 Figure configuration method, please refer to Article 1, experimental environment: Physics host host two virtual machines. Host Physical IP: 192.168.9.6/24 GW: 192.168.9.254 DNS: 8.8.8.8 Virtual... 
 
 Invoking the Apollo Configuration Center Client 
 
 Apollo Config Center client call introduction Config Center Create project Publish namespace Create local cache configuration file springboot project code Previous post: . .. 
 
 Getting Started with HTML - Learn Web Development 
 
 
 Overview: Getting Started 
 
 Next 
 
 
 In this article, we'll cover the HTML basics you need to get started. Let's define "elements", "attributes", "tags" and other important concepts that you may have heard about, as well as their role in the language. We'll also show how HTML elements work, a typical HTML page, and explain other important aspects of the language. Along the way, so you don't get bored, we'll play around with a real HTML page! 
 
 
 
 
 
 Required knowledge: 
 
 Ability to work with a computer, availability of the necessary software, basic knowledge of working with files. 
 
 
 
 Purpose: 
 
 Get to know the HTML language and learn how to describe some of its elements. 
 
 
 
 
 HTML (HyperText Markup Language) is not a programming language; it is a  markup language  used to define the structure of web pages visited by users. They can have a complex or simple structure, it all depends on the intention and desire of the web developer. HTML is made up of a number of elements that you use to span, wrap, or  mark up different pieces of content  so that it looks a certain way or works in a certain way. Inline tags can turn a piece of content into a hyperlink that can take you to another web page, italicize words, and so on. For example, consider the following string: 
 
 My cat is very angry 
 
 If we want the string to appear like this, we can define it as a "paragraph" by enclosing it in the tags of the "paragraph" element (  
  ), for example: 
 
 
My cat is very angry
 
 
  Note  : HTML tags are case insensitive, meaning they can be written in upper or lower case. For example, the tag     
This is my page