Home > Web Front-end > HTML Tutorial > How to write space code in html? Teach you how to use spaces nbsp code

How to write space code in html? Teach you how to use spaces nbsp code

寻∝梦
Release: 2018-08-27 14:16:11
Original
23234 people have browsed it

This article introduces you to how to write HTML space codes, the usage of " " codes, and the explanations of several space methods. They are all in the article. Let's read on now.

First of all, we know that inserting multiple spaces into this HTML page requires special character encoding. If you directly type multiple space keys, although it seems that there are multiple spaces in the code, in fact there is only one space interval in the browser.

Next, I will teach you how to enter multiple space characters if you enter html space characters? We use two methods to introduce the direct copying of space characters and the input of space characters in DW software:

The first is called the Html space character syntax code:

is this code"  ".

The space character is composed of & n b sp ;, and the following semicolon cannot be omitted. This group of space characters must be entered into the HTML code to achieve the effect of spaces.

If there are multiple spaces, we can just copy and paste and enter " " multiple times.

  This is the escape character representing a space.

The second method is to use the method of inputting spaces in dw:

In the software in dw To enter space characters, first place the mouse pointer where you want to insert space characters, then click "Insert" on the DW software and select "HTML"

How to write space code in html? Teach you how to use spaces nbsp code

Then select "Special Characters" in the "HTML" pop-up option, and finally click "No Line Breaking Spaces" to enter the character code of the " " space. If you enter multiple space characters, follow the above operations to enter multiple html space character.

There is also a shortcut key to enter the space character in DW

The shortcut key is "Ctrl Shift Space" to enter the space character " ".

You can remember html space characters to spell letters and characters, and it is also very simple.

In general, for a single space in an html web page, we can directly press the space bar to realize space typesetting. If we want to realize multiple spaces for typesetting, we need  space characters to achieve it. .

So there is nothing else but " "? Of course there are, please read below

Of course there are some space characters, insert spaces of different widths. There are various character entities that allow browsers to display spaces. Different browsers may display it a little differently, but this is a little different from  , but they will not affect line breaks:

  •   — "en spaces" are based on The name of the unit of measurement in typography. The width is the width of two ordinary spaces

  •   — "em space" is roughly the width of four ordinary spaces

One way to generate a paragraph is to insert a few spaces before the first line:     . This method only applies to HTML, if you use CSS, this method is not recommended

In the section of the HTML document, insert the following command:

<style>p.indent{ padding-left: 1.8em }</style>
Copy after login

"p.indent" defines a paragraph (labeled p) called "indent" (can be named arbitrarily). The remaining commands add padding space to the left of the paragraph.

Return the body of the HTML document. Whenever you want to add a paragraph, insert the following in the tag:

<p class="indent"></p> 。
Copy after login

To adjust the amount of indentation, just change the number "1.8" in the CSS command. The following "em" should be retained, it is the unit representing width.

[Editor’s article recommendation]

What does the head tag in HTML mean? An article teaches you how to use the head tag correctly

#How to center the th header content in an html table? A detailed introduction to the align attribute of th header tag


The above is the detailed content of How to write space code in html? Teach you how to use spaces nbsp code. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template