Tab tag in html. Whitespace characters and their formatting of code in Html, as well as non-breaking space special characters and other mnemonics. Cases of using some special characters, including non-breaking space and soft hyphen

The tag specifies a tab character in the text. It is the same as using the /t escape sequence.

1 2 3\t\t\t4
Displayed:
1 2 3 4

The distance that a line will shift when a tab character is entered into it can be set arbitrarily. This is done by the TABSTOPS attribute of the tag.

The tag is not a standard HTML tag. It has been added to the Flash markup tags so that text formatting can be done in a consistent way.

Tag...

The tag is responsible for text formatting characteristics such as margins, indents, and line breaks. The following attributes can be set in it:

LEFTMARGIN. The size of the left margin in points. An analogue is the leftmargin property of the TextFormat class.

RIGHTMARGIN. The value of the right margin in points. The analogue is the rightmargin property of the TextFormat class.

INDENT. The indent of the first line of the paragraph, in points. Among the properties of the TextFormat class, the indent property is similar to it.

BLOCKINDENT.

Left indent of a text paragraph in points. Analog - property blockIndent
TextFormat class.

LEADING. Distance between lines in points. A similar property of the TextFormat class is leading.

TABSTOPS. The attribute specifies what line offset in points each tab character in the sequence will cause. Its value is a list of numbers that contain the distances at which the line will move to the window if 1, 2, 3, ... n tab characters are typed in a row. An analogue of the TABSTOPS attribute is the tabStops property of the TextFormat class.

pole.html=pole.border=pole.multiline=true;
field.htmlText="

0 one tab > Two tabs >
THREE TABAR>

The tag is not a standard HTML tag. It was introduced so that the possibilities of marking up text using tags were similar to using the properties of the Text Format class.

Tag...

Tag is designed to apply a CSS class style to an arbitrary text fragment.

The class name is specified in its CLASS attribute.

This.createTextField("pole", 0, 150, 150, 200, 90);
pole.autoSize = pole.border=pole.multiline=true;
// Create three class styles that define red, green, and blue text
var style:TextField.Stylesheet = new TextField.Stylesheet();
var green_text:String = ".GREEN (color:#00FF00)";
var red_text:String = ".RED (color:#FF0000)";
var blue_text:String = ".BLUE (color:#0000FF)";
style.parseCSS(green_text+red_text+blue_text);
pole.styleSheet=style;
// Display text with created styles
field.text=" 3green text

red text
Blue text ";

Hello, dear readers of the blog site! Those who at least superficially managed to get acquainted with, probably, have already taken note, albeit in general terms. This means that they have an idea of ​​what HTML characters are generally used in the document code.

In today's article, we will try to figure out what a space is in HTML, in which cases you can use whitespace characters when formatting the code itself for easy perception. We will learn when it is necessary to use a non-breaking space, and also get acquainted with other special characters (or, as they are also called, mnemonics).

In fact, I would advise not to ignore the topic of using various special characters, since this is an important component to complete the study of hypertext markup language. In general, the information provided in this publication will definitely not be superfluous. Well, now to the point.

Spaces and Whitespace Characters in HTML

First, an important remark needs to be made. There are special keys on the computer keyboard that allow you to implement text separation (more on this below). However, only the wide space bar provides a separation between words, not only in the editor, but also in the browser window. There are nuances when wrapping lines and indenting from the edge.

As you know, the display of certain elements in a web browser is determined by tags. For text formatting, a well-known , which is block-based, is used. That is, its content is located across the entire available width.

To wrap lines inside paragraph P, you need to use a single BR tag, with which this can be done. Let's say we need to insert into the text some lines from a poem that we write in a text editor:

Despite the fact that the lines of the verse are located correctly and the hyphens are made in the right places, everything will look different in the browser:

To achieve the same display in a web browser window, you need to write BR at each line break:

Now we have achieved the task and in the browser the poetic lines will be displayed quite correctly:

Thus, the necessary line breaks are completed. Here it is also necessary to note such a feature that multiple spaces following one after another are displayed by the web browser as one. You can verify this if in the same editor you try to put not one, but several spaces between two words and, by clicking on the "Save" button, look at the result in the browser.

Space, tab and line break

Basically, with these whitespace characters we get to know each other as soon as we start working with the text in the editor and format it in the right way. To implement such a task, there are special keys, each of which corresponds to its own space character:

• Space - the widest key on a computer keyboard (without an inscription);
• Tabulation - a key on the left with the inscription "Tab" and two arrows pointing in different directions;
• Line break - "Enter" key.

However, as I said above, we get the final desired result not only in a text editor, but also in a browser, only when using the first key. All three keys (including tab and line break) are useful when formatting HTML code. Let's say this is how a code fragment looks in NotePad ++ (explanatory material about this editor) when all whitespace characters are displayed:

We get code that is easy to read and understand thanks to spaces. The orange arrows mark the indents created with the Tab key, and the CR and LF characters mark the line breaks done with the Enter key.

Nested containers are viewed, opening and closing tags stand out well. In this form, this code can be easily edited. Now compare it with the same code, which does not have such a text separation:

In the same way, using whitespace characters, you can write CSS rules that will visually look understandable and digestible:

After you bring all the styles to a common denominator and completely finish editing the style file, you can subject it by removing all spaces from the code. This is necessary to increase, which is very important when promoting a resource.

Special characters (or mnemonics) in HTML code

Now let's look at the cases in which it is necessary to use the special characters that I mentioned at the beginning of the article. HTML special characters, sometimes referred to as mnemonics, were introduced to solve a long-standing encoding problem in hypertext markup language.

When you type text on the keyboard, the characters of the language you are using are encoded. In a web browser, the typed text will be rendered in the fonts you choose as a result of the reverse decoding operation.

The fact is that there are many such encodings, now we do not have the goal of analyzing them in detail. It's just that each of them may lack certain characters, which, however, must be displayed. Let's say you feel like writing single quotes or an accent mark, and these icons are corny missing in the set.

In order to eliminate this problem, a system of special characters was introduced, which includes a huge number of various mnemonics. They all start with an ampersand "&" and usually end with a semicolon ";". At first, each special character had its own digital code. For example, for a non-breaking space, which we will consider in more detail below, the following entry will be true:

But after some time, the most common characters were assigned literal counterparts (mnemonics) to make them easier to remember. Let's say for the same non-breaking space it looks like this:

As a result, the browser displays the corresponding character. The list of mnemonics is very voluminous, most commonly used special characters in HTML you can find from below following table:

Cases of using some special characters, including non-breaking space and soft hyphen

If you have already studied the table a little, then you have received confirmation of the words I said above that to display all special characters, a numeric code () or its alphabetic analogue (character mnemonic) is used, where letters () are written instead of a combination of lattice and numbers.

Now let's see when it is necessary to apply these codes. Let's say in an article you need to specify some HTML tag for informative purposes, for example,