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. |
Define the delete word. |
## Tag | Description |
Define computer code. | |
Define the keyboard code. | |
Define computer code samples. |
<var> | |||||||||||||||||||
<pre> | |||||||||||||||||||
Description | <abbr> | ||||||||
<acronym> | |||||||||
<address> | |||||||||
<bdo> | |||||||||
<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>瀏覽器通常會(huì)在 q 元素周?chē)鼑?hào)。</p> <p>人類(lèi)的目標(biāo)是 <q>構(gòu)建人與自然和諧相處的世界。</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>瀏覽器通常會(huì)對(duì) blockquote 元素進(jìn)行縮進(jìn)處理。</p> <blockquote cite=" "> 五十年來(lái),WWF 一直致力于保護(hù)自然界的未來(lái)。 WWF 工作于 100 個(gè)國(guó)家,并得到美國(guó)一百二十萬(wàn)會(huì)員及全球近五百萬(wàn)會(huì)員的支持。 </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>對(duì)縮寫(xiě)進(jìn)行標(biāo)記能夠?yàn)闉g覽器、翻譯系統(tǒng)以及搜索引擎提供有用的信息。</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,則文本將從右向左進(jìn)行書(shū)寫(xiě) (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
- Course Recommendations
- Courseware download
-
ElementaryHTML basic tutorial
32028 people are watching -
ElementaryHTML+CSS basic introductory tutorial
82907 people are watching -
ElementaryHTML/CSS 5-hour basic introductory tutorial
26627 people are watching -
ElementaryHan Shunping 2016 latest HTML basic video tutorial
10798 people are watching -
ElementaryAjax basic tutorial
15856 people are watching -
ElementaryjQuery basic tutorial
8934 people are watching -
ElementaryEcshop basic tutorial
12462 people are watching -
ElementaryNode.js basic tutorial
28541 people are watching -
ElementaryNode.js basic tutorial
7227 people are watching -
ElementaryJavascript basic tutorial
27996 people are watching -
ElementaryServlet basic tutorial
15917 people are watching -
ElementaryJavaScript basic syntax and basic statement video tutorial
11003 people are watching
Students who have watched this course are also learning
- Let's briefly talk about starting a business in PHP
- Quick introduction to web front-end development
- Large-scale practical Tianlongbabu development of Mini version MVC framework imitating the encyclopedia website of embarrassing things
- Getting Started with PHP Practical Development: PHP Quick Creation [Small Business Forum]
- Login verification and classic message board
- Computer network knowledge collection
- Quick Start Node.JS Full Version
- The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]
- Write your own PHP MVC framework (40 chapters in depth/big details/must read for newbies to advance)