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. |
"Computer Output" Tag
| ## Tag | Description |
| Define computer code. | |
| Define the keyboard code. | |
| Define computer code samples. |
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
| <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:
How to see the HTML source code
