Check out example codes for "html special characters". It will help you in understanding the concepts better.

Code Example 1

&

Code Example 2

This is a list of character entities (for HTML): 

Result:    Description:                         Entity Name:    Entity Number: 
         | non-breaking space                 |          |   
  <      | less than                          | &lt;          | &#60; 
  >      | greater than                       | &gt;          | &#62; 
  &      | ampersand                          | &amp;         | &#38; 
  "      | double quotation mark              | &quot;        | &#34; 
  '      | single quotation mark (apostrophe) | &apos;        | &#39; 
  ¢      | cent                               | &cent;        | &#162; 
  £      | pound                              | &pound;       | &#163; 
  ¥      | yen                                | &yen;         | &#165; 
  €      | euro                               | &euro;        | &#8364; 
  ©      | copyright                          | &copy;        | &#169; 
  ®      | registered trademark               | &reg;         | &#174; 
    
I hope this was helpful! :D

Code Example 3

<!DOCTYPE html>
<html>
<head>
<style>
.classname {
  background-color: green;
  color: white;
}
#idname {
  background-color: pink;
  color: white;
}
</style>
</head>
<body>
<div class="classname">I am  green colour<div>
<div id="idname">I am  pink colour</div>
</body>
</html>

Code Example 4

<!-- Answer to: "html special characters" -->

!
&excl;
[
&lsqb; &lbrack;
_
&lowbar;
`
&grave; &DiacriticalGrave;
|
&verbar; &vert; &VerticalLine;
}
&rcub; &rbrace;
¢
&cent;
<!-- There's many more at https://dev.w3.org/html5/html-author/charref -->

Code Example 5

&#60;

Learn ReactJs, React Native from akashmittal.com