HTML element: Mark text,

HTML element: Mark text,

1. Mark content with basic text elements

First look at the display effect:

Corresponding HTML code:

<! DOCTYPE html> 
Corresponding element style:
* Generally, it indicates the keyword and product name * B {font-weight: bolder;} * generally, it indicates emphasizing * em {font-style: italic ;} * General Expression of Foreign words or technical terms * I {font-style: italic;} * General Expression of inaccuracy or correction * s {text-decoration: line-through ;} * generally, it indicates important text * strong {font-weight: bolder;} * generally, it indicates adding an underscore to the text * u {text-decoration: underline ;} * generally, it indicates adding the small font content * small {font-size: small;} *. Generally, it indicates adding the superscript and subscript * sup {vertical-align: sub; font-size: smaller;} sub {vertical-align: super; font-size: smaller ;}
 
2. Use language elements
Ruby, rt, and rp elements, first look at the effect:

Code:
<P style = "font-size: 3em;"> <ruby> latency <rp> (</rp> <rt> ch frequency </rt> <rp>) </rp> </ruby> <ruby> charm <rp> (</rp> <rt> mè I </rt> <rp>) </rp> </ruby> <ruby> protocol <rp> (</rp> <rt> w ng </rt> <rp>) </rp> </ruby> <ruby> protocol <rp> (</rp> <rt> li yunng </rt> <rp>) </rp> </ruby> </p>
 
3. Use pre-formatted content
The pre element can change the way the browser processes the content, prevent the combination of blank characters, and retain the format in the source document.
 

 
<pre>    <code>        var fruits = ["apples","oranges","mangoes","cherries"];        for(var i= 0; i < fruits.length; i++){            document.writeln("I like " + fruits[i]);        }    </code></pre>