First look at the display effect:
Corresponding HTML code:
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Learn4font</title></Head><Body><P>Element b--<b>I am the example.</b></P><P>Element em--<em>I am the example.</em></P><P>Element i--<I>I am the example.</I></P><P>Element s--<s>I am the example.</s></P><P>Element strong--<Strong>I am the example.</Strong></P><P>Element u--<u>I am the example.</u></P><P>Element small--<Small>I am the example.</Small></P><P>Element sub--<Sub>I am the example.</Sub></P><P>Element sup--<sup>I am the example.</sup></P></Body></HTML>
corresponding element custom style:
* Keywords and product names are generally indicated *b{Font-weight:Bolder;}* General expression of emphasis *em{Font-style:Italic;}* Generally denotes foreign words or technical terms *i{Font-style:Italic;}* General indication of inaccuracy or correction *s{text-decoration:Line-through;}* Generally denotes important text *strong{Font-weight:Bolder;}* General means underline text *u{text-decoration:Underline;}* generally expressed as adding small font content *small{font-size:Small;}* General means to add superscript and subscript *sup{vertical-align:Sub;font-size:smaller;}Sub{vertical-align:Super;font-size:smaller;}
"Javascript Basics" tag content with basic text elements