Home >Web Front-end >Front-end Q&A >What are the html5 text control tags?

What are the html5 text control tags?

青灯夜游
青灯夜游Original
2022-01-11 14:18:047248browse

html5 text control tags include: 1. Title tags (h1, h2, h3, h4, h5, h6); 2. Paragraph tags (p); 3. Horizontal line tags (hr); 4. Line break tags (br); 5. Text formatting tags (b, strong, i, em, s, del, u, ins); 6. Special character tags.

What are the html5 text control tags?

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

html5 text control tags

1, title and paragraph tags

一Articles with a clear structure usually have titles and paragraphs, and HTML web pages are no exception. In order to display the text in the web page in an orderly manner, HTML provides corresponding tags.

(1) Title tag

In order to make the web page more semantic, title tags are often used in the page. HTML provides 6 levels of titles. That is,

,

,

,

,

and
, with decreasing importance from

to

.
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>

What are the html5 text control tags?

(2) Paragraph Marks

To display text in an orderly manner on a web page, paragraph marks are indispensable , just like we usually write articles, the entire web page can also be divided into several paragraphs, and the mark of the paragraphs is

. The basic syntax format is as follows:

<p>段落文本</p>

Example:

<p>宜将剩勇追穷寇, </p>
<p>丌可沽名学霸王。 </p>
<p>天若有情天亦老, </p>
<p>人间正道是沧桑。 </p>

What are the html5 text control tags?

## (3) Horizontal line mark


In web pages, we often see some horizontal lines separating paragraphs from each other, making the document structure clear and hierarchical. These horizontal lines can be achieved by inserting an image, or simply by using a tag,
, which creates a horizontal line across the page.

Example:

<p>hr 水平线:</p>
<hr />

What are the html5 text control tags?

(4) Line break tag

in HTML , the text in a paragraph will be arranged from left to right, until the right end of the browser window, and then automatically wrap. If you want a certain text to be forced to wrap in a new line, you need to use the line break tag
.

Example:

<p>html语言是<br />网页制作的<br />基本语言</p>

What are the html5 text control tags?

2. Text formatting tag

on the web page , sometimes you need to set bold, italic or underline effects for text. In this case, you need to use text formatting tags in HTML to display the text in a special way. Commonly used text formatting tags are shown in the table below.

##Mark##and< ;strong> and The text is displayed with strikethrough (deprecated in HTML5 s) ## and text is underlined (deprecated in HTML5 u)

示例:

<b>文本加粗</b><br />
<strong>文本加粗</strong><br />
<em>文本斜体</em><br />
<i>文本斜体</i><br />

What are the html5 text control tags?

3、特殊字符标记

浏览网页时常常会看到一些包含特殊字符的文本,如数学公式、版权信息等。那么如何在网页上显示这些包含特殊字符的文本呢?HTML为这些特殊字符准备了与门的替代代码,如下表所示。

What are the html5 text control tags?

示例:

x<y<br />
版权符号&copy;<br />
a&b<br />

What are the html5 text control tags?

相关推荐:《html视频教程

Display effect

The text is displayed in bold (b defines bold text, strong defines emphasized text.

Text is displayed in italics (i defines italic text and em defines emphasized text.)

## and

The above is the detailed content of What are the html5 text control tags?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
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