Html and space tag

my line of code
my second paragraph

Therefore, just with the simple correct use of the tag, you will be able to format the spacing of your content in HTML well.

The non-breaking space entity

Let’s say that inside an element you want to include a space equivalent to pressing the space key 4 times. It would then be necessary to include four spaces between the elements, correct?

Wrong. In HTML, you can include multiple spaces between one word and another, but the document will only be rendered as if there were only a single blank space between those words. Let’s see the example below:

So how to solve this problem in HTML? What should I do if I want to include more than one blank space between words?

The best way to resolve this is to use entities. HTML allows you to use entities that represent symbols or keys. Among these, there is the non-breaking space entity:  . Therefore, you can add one or more blanks between words just by adding the entity   between them. Try to redo the previous code, only this time you can use the entity referring to white space four times:

With that, you can see the result as below:

In a search on HTML Entities, you may notice that there are other formats that have the same function and represent the same entity.

There are also two pre-established entities that add two or four spaces:   and  . Let’s see the example below:

The result of this will be:

Therefore, this technique greatly facilitates the work of the developer, even allowing the use of tab rules, which are very important for writing codes.

We can see other HTML entities through the official W3C documentation.

Space with an HTML tag
: line break

Previously, we saw that a line break is performed between paragraphs.

But, how can we add one or more lines to this break? To do this, just use the tag
which means break. With that, we can include as many line breaks as we want between paragraphs or words.

Therefore, this method is widely used to generate a space directly in the HTML code without having to stylize it in the CSS.

You can break lines between any element, not just paragraphs, such as . Another important feature of the break tag is that it has no margin characteristics. Therefore, it acts differently from the

tag’s line break. That is, with it, you can use a different way to format your content.

Let’s look at the following example:

How to insert a
line break

That way, you get the following result:

How to insert a
line break

As explained earlier, we can apply as many breaks as we want. Therefore, we can create a larger spacing. Let’s see the example below:

Let's insert a


three line break.

With this example, we can reach the following result:

Through the HTML tag, we can include text that will have the original formatting. That is, it will assume all the characters typed. With that, all spaces entered in the element will be included in the rendering. In addition, the tag carries an upper and lower margin value of 1em, as well as the

tag. Let’s look at the following example:

With that, we can see the result:

Therefore, we can use the tag to facilitate it especially when we want to use tabs, for example: when writing codes.

The HTML space in practice

As we saw in this article, there are several ways to use spacing techniques using the HTML code itself. That way, as a developer, you can implement several solutions that through CSS could take much longer. However, we recommend that you use it with some moderation, and for really necessary situations, as this implies a larger number of bits in your code. That is, it would result in a longer rendering time. Therefore, depending on the need, it is more worth styling an element with CSS than using line breaks several times.

We also recommend that you create an HTML document and use the techniques explained above to practice!

How to generate space between lines with CSS?

Finally, it is worth understanding the line-height property, a CSS property that modifies the default HTML space without having to change the margin, padding or border properties. That is: this property is capable of changing the spacing between lines. With this, we can use pre-established values, values in units of measure (such as px, em, and others), percentage or a numerical value. See in the following example, different ways to use the line-height property.

In addition, you can also access the official W3C documentation to learn other features of this property.

Источник

Html and space tag

Learn Latest Tutorials

Preparation

Trending Technologies

B.Tech / MCA

Javatpoint Services

JavaTpoint offers too many high quality services. Mail us on h[email protected], to get more information about given services.

• Website Designing
• Website Development
• Java Development
• PHP Development
• WordPress
• Graphic Designing
• Logo
• Digital Marketing
• On Page and Off Page SEO
• PPC
• Content Development
• Corporate Training
• Classroom and Online Training
• Data Entry

Training For College Campus

JavaTpoint offers college campus training on Core Java, Advance Java, .Net, Android, Hadoop, PHP, Web Technology and Python. Please mail your requirement at [email protected].
Duration: 1 week to 2 week

Like/Subscribe us for latest updates or newsletter

Источник