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>