Check out example codes for "span html". It will help you in understanding the concepts better.
Code Example 1
A <span> element used to color a part of a text:
<span style="font-size:30px">☰ </span>
<!-- ☰ is a color value -->
Code Example 2
//an example of an "out of context" way to change color of a text:
<span style="color: green"></span>
Code Example 3
The <span> tag is an inline container used to mark up a part of a text, or a part of a document.
The <span> tag is easily styled by CSS or manipulated with JavaScript using the class or id attribute.
The <span> tag is much like the <div> element, but <div> is a block-level element and <span> is an inline element.
Code Example 4
The HTML <span> element is a generic inline container for
pieces of content, which does not inherently represent anything.
It is mostly used for grouping and styling bits of content.
<span> is very much like a <div> element, but <div> is a
block-level element whereas a <span> is an inline element.
Code Example 5
<span></span>
Learn ReactJs, React Native from akashmittal.com