Shulou(Shulou.com)06/01 Report--

Today, I would like to share with you what HTML text tags have and how to use the relevant knowledge points, detailed content, clear logic, I believe that most people still know too much about this knowledge, so share this article for your reference, I hope you can get something after reading this article, let's take a look at it.

P paragraph label

As the name implies, it is the label used to write a paragraph, and the usage is as follows:

This is a paragraph (1500 words are omitted here)

Br newline label

Sometimes, you need to change the line to write two sentences, and you can use the b tag, which has the same meaning as the carriage return character in a normal document, and the usage is as follows:

This is a paragraph (1500 words are omitted here) and I changed the line.

A hyperlink tag

Hyperlinks are needed to jump between pages, where the href attribute is used to define the URL of the hyperlink, as follows:

This is a hyperlink hr horizontal line label

When you need a long split line, you might want to consider the hr tag, which is used as follows:

I'm done. I need a dividing line to finish the second part.

H2-h7 title label

When you need headings of different font sizes, you can use title tags. The font size starts from H2 to H7, with H2 being the largest and H7 being the smallest. The usage is as follows:

This is the H2 tag, the font is very large, this is the H7 tag, the font is very small pre pre-formatted label

Because a lot of HTML tags will merge spaces, so when you want to show a lot of spaces, often not as you think, of course, pre tags can meet your requirements, surrounded by pre text will usually retain spaces and line breaks, and the font width. Font equal width: in fact, Chinese characters are generally equal width, setting font equal width is more obvious for letters, you can see the following example:

There are about 13 spaces Hello,html before this sentence (if there is no space before this sentence, it will be displayed on the top line)

Hello,html (this sentence uses the p tag to compare the font width of the letters above)

As you can see, the width of l in pre is the same as the width of o, while the width of l in p tag is narrower than that of o, which is the font width of pre tag.

Header header label

The header tag is the content displayed at the top of the page. The usage is as follows:

Here is the footer nav navigation bar label

In general, a web page has a navigation bar below the header that contains the home page. Nav achieves this effect. It is generally used with the a tag, as follows:

Tsinghua University Press w3cschool online course section section label

The section tag defines sections (section, sections) in a document, such as chapters, headers, footers, or other parts of the document, which are not much different from div in usage, as follows:

Title

Text content

B bold label

The b tag, which originally meant bold, now represents "stylistic prominence" text, which generally means highlighting restless text in ordinary paragraph text and rendering this part of the text as bold text, as follows:

Suddenly a few words in this sentence were bolstered.

Strong bold label

Strong stands for strong emphasized text in HTML4, that is, "more emphasized text", and in HTML5 its meaning becomes important text, that is, "important text". The effect is roughly the same as that of b, with bold text, and the usage is as follows:

It's time to emphasize a few words.

I tilt label

The I tag, which was originally tilted, is now used to represent a different part of the text from the rest of the text, and to render this part of the text as italic text, as follows:

There are a few words that fall down when walking.

Em tilt label

In both HTML4 and HTML5, em means emphasized text, that is, "emphasized text". It is also said that in HTML5, em means stressed emphasis, and the meaning is basically the same. The effect is roughly the same as that of I, which tilts the text. The usage is as follows:

A few more words fell down.

Title of cite's work

Cite is used to define the title of a work (such as books, songs, movies, TV programs, paintings, sculptures, etc.). The effect is similar to tilt, and the usage is as follows:

I haven't seen Zhuangzi's "Happy Journey".

Small small text label

Small renders side notes as small text. Disclaimers, precautions, legal restrictions, or copyright notices usually use small texts, which are sometimes used for news sources, license requirements, and so on. For text highlighted by the em element or marked as important by the strong element, the small element does not de-emphasize or reduce the importance of the text. Of course, the b and I tags can also be used in small, as follows:

Here is the small text label ins&del tag text change tag

The ins tag defines the inserted text in the document and is used with the del tag to describe updates and fixes to the document. Del represents deleted text, which is usually displayed as strikethrough text in the browser, ins represents newly added text, and underlined text is usually displayed in the browser. The usage and effect are as follows:

This sentence is the newly added text, and this sentence is the sub&sup text superscript label that has just been deleted.

Sub tags define subscript text, and sup tags define superscript text. The usage and effect are as follows:

The solution of factorization is: (x1) 2: 4: x1: 1: 1; x2: 1

Time time tag

The time tag is a new tag for HTML5 to define the date and time. Date and time information often appears in web pages, but there has been no standard way to mark it in the past. The purpose of time tag is to solve this problem. The purpose is to make it easier for other programs such as search engines to extract date and time information, but it does not seem to display its content on the page. The usage is as follows:

I get up at 6:00 every morning. My sister's birthday is coming soon.

Var variable label

Var tags are often used with code and pre tags to display computer programming code examples and similar specific elements, and text marked with var tags is usually shown in italics.

Address contact Information label

The address tag defines the contact information of the author / owner of a document or article, the text in the address element is usually rendered in italics, and the address element is usually included in the footer element along with other information, which is used as follows

Written by Jon Doe.

Visit us at:

Example.com

Box 564, Disneyland

USA div Block level Container label

The div element is a block-level element, it is a container that can be used to combine other HTML elements, the div element has no specific meaning, and if used with CSS, the div element can be used to set style attributes on large blocks of content. Before the emergence of structured elements such as header in HTML5, the most commonly used group container was the div element, which represents a general block of content and assigns structure to the document combined with CSS. Its usage is as follows:

Title

Text content

Span inline container label

The span element is an inline element, a cousin of the div element, and also a general element without semantics. As far as it is concerned, the span element has no effect on the visual effect of the document, and it will change when used with CSS. The usage and effect are as follows:

In countless blue eyes and brown eyes, I have a pair of jewel-like black eyes, I am proud, I am Chinese!

In countless blue eyes and brown eyes, I have a pair of jewel-like black eyes, I am proud, I am Chinese!

Ul unordered list label

An unordered list is similar to a bulleted list in word. List items are arranged out of order and are identified only by bullets. Unordered lists use the ul tag, and you need to use the tag li tag for each list item, as follows:

Sing and dance rap basketball ol ordered list label

The ordered list uses the tag ol, and its list items still use the tag li. When submenus or more levels are needed, they need to be implemented in a nested way. The specific code and effect are as follows:

First level menu, second level menu, second level menu, third dl description list label.

The dl element represents a list of descriptions, consisting of 0 to multiple term-description groups, each associated with one or more terms (the content of the dt element) and one or more descriptions (the content of the dd element). The code and effect are as follows:

The red bird, which can defend the fire, belongs to the pheasant, with red chest and abdomen holes, crown gold, yellow back, green head, red tail and bright coat color. Mackerel fish, shaped like soft-shelled turtles, sound like sheep fat mouth snake, six feet and four wings. See, the drought in the world is all the contents of this article "what are the text tags of HTML and how to use them?" Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.