xxxxxxxxxx
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. :)
span element
xxxxxxxxxx
The <span> element is an inline container, which can mark up part of a text.
It is easily styled with css and manipulated with JavaScript with the class or id attribute.
It presents similarities with the <div> element, but is an inline istead of a block-level element.
Example:
<p>The sky is <span style="color:blue">blue</span> with <span style="color:white">white</span> clouds</p>
xxxxxxxxxx
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.
xxxxxxxxxx
<p>This a <span class="crimson-text">crimson text</span> within others.</p>
xxxxxxxxxx
<!--
Span is used to group inline elements.
You can apply specific attributes to the span element
that will only be applied to the content within.
Below is a simple example -->
<p>Black text <span style="color:#ff0000">Red Text </span>Back to Black</p>
xxxxxxxxxx
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
p{
font-size: 25px;
}
</style>
</head>
<body>
<p>
<span style="color: red;">Who doesn't like Rainy days?</span>Rainy days are so awesome! The sound of raindrops and the earthy smell in the air make them really special. It is very important to learn about the importance of rain
</p>
</body>
</html>
xxxxxxxxxx
<body>
<h2>Hello World</h2>
<p>Welcome to <span style="color:red;font-weight:bolder">Scaler Academy</span>.</p>
</body>