国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

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:

1.png


## 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>構(gòu)建人與自然和諧相處的世界。</q></p>
 
 </body>
 </html>


Program running result:

7.png


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:

4.png


##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>對縮寫進行標記能夠為瀏覽器、翻譯系統(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,則文本將從右向左進行書寫 (rtl):
 </p>
 
 <bdo dir="rtl">
     This line will be written from right to left
 </bdo>
 
 </body>
 </html>

Program running result:

9.png




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
||
<!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>
submitReset Code