Html common text formats

HTML defines some text format tags. For example, using these tags, you can change the font to bold or italic.

The following are some commonly used text format tags

tags	Description
<b>	Define bold text.
<big>	Define large fonts.
<em>	Definition focuses on text.
<i>	Define italic characters.

<small>	Define small characters.
<strong>	Definition of emphasis.
<sub>	Define subscripts.
<sup>	Define superscript words.
<ins>	Define the inserted word.

## <del>Define the delete word.

"Computer Output" Tag

# <code> <kbd> <samp>

## Tag	Description
Define computer code.
Define the keyboard code.
Define computer code samples.

# <tt> Define the typewriter code. <var> Define variables. <pre> Define preformatted text.

The following chapters will specifically introduce computer code elements

##Example

The following example uses some of the above tags. You can compare the HTML display results to see.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
<p><b>粗体用b表示。</b></p>
<p><i>斜体用i表示。</i></p>
<p><del>芙蓉姐姐</del>这个词当中划线表示删除。</p>
<p><ins>想唱就唱</ins>这个词下划线插入。</p>
<p>X<sub>2</sub>其中的2是下标</p>
<p>X<sup>2</sup>其中的2是上标</p>
<p><blockquote>好好学习，天天向上。这句话缩进表示引用</blockquote></p>
<pre>
这是
预设(preformatted)文本.
在pre这个标签里的文本      保留
空格和
分行。
</pre>
<code>call getOrders</code>
<p>用code显示计算机代码，code里显示的字符是等宽字符。</p>
</body>
</html>

Code running result:

## Quotes, citations and definitions of terms

##TagDescription <abbr> Define abbreviation. <acronym> Define acronym. <address> Define the address. <bdo> Define the text direction.

<blockquote>	Define long quotes.
<q>	Define short quotes.
<cite>	Define citation and citation.
<dfn>	Define a definition item.

Example

HTML <q> for short quotes

<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>php.cn</title>
 </head>
 <body>
 
 <p>浏览器通常会在 q 元素周围包围引号。</p>
 
 <p>人类的目标是 <q>构建人与自然和谐相处的世界。</q></p>
 
 </body>
 </html>

Program running result:

Example

HTML for long quotes < blockquote>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
<p>浏览器通常会对 blockquote 元素进行缩进处理。</p>
<blockquote cite=" ">
    五十年来，WWF 一直致力于保护自然界的未来。
 WWF 工作于 100 个国家，并得到美国一百二十万会员及全球近五百万会员的支持。
</blockquote>
</body>
</html>

Program running result:

##Example

HTML <abbr> element defines an abbreviation or acronym.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
<p><abbr title="The People's Republic of China">PRC</abbr> 成立于 1949 年。</p>
<p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p>
</body>
</html>

Program running results:

PRC was established in 1949.
Tagging abbreviations can provide useful information to browsers, translation systems, and search engines.

Example

HTML <bdo> element definition bi-directional override .

If your browser supports bdo, the text will be written from right to left (rtl):

<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>php.cn</title>
 </head>
 <body>
 
 <p>
     如果您的浏览器支持 bdo，则文本将从右向左进行书写 (rtl)：
 </p>
 
 <bdo dir="rtl">
     This line will be written from right to left
 </bdo>
 
 </body>
 </html>

Program running result:

The usage of these tags is the same. If you are interested, you can try it

How to see the HTML source code

#The HTML web page you see in the browser is the browser’s interpretation of the HTML source code the resulting results.

To view the source code of this HTML, there are two methods. The first is to right-click the mouse and click the View Source command; the second is to select the Source command in the View menu of the browser.

Use View Source to get the source code of the web page. You can learn from what others have written well. However, when you have little knowledge of HTML, looking at other people's complex HTML source code will only make you dizzy. I suggest you wait a little longer and master some basics first.

Continuing Learning

new file

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> 粗体用b表示。 斜体用i表示。 <del>芙蓉姐姐</del>这个词当中划线表示删除。 <ins>想唱就唱</ins>这个词下划线插入。 X2其中的2是下标 X2其中的2是上标 <blockquote>好好学习，天天向上。这句话缩进表示引用</blockquote> <pre> 这是预设(preformatted)文本. 在pre这个标签里的文本保留空格和分行。 </pre> <code>call getOrders</code> 用code显示计算机代码，code里显示的字符是等宽字符。 </body> </html>

submit Reset Code

Automatic operation

Html common text formats

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]