1. Span element
The span element has no meaning in its own right. We would use it to apply one of the global attributes to a region of content. It is not a new element in HTML5.
The span element can be used with the class attribute, so that we can target content with a CSS style.
Example
<html>
<head>
<title>Span Example</title>
<style>
.HTML5
{
border: thick solid blue;
padding: 4px;
}
</style>
</head>
<body>
Abhijeet likes <span class="HTML5">HTML5 </span>and <span class="HTML5">JavaScript.</span>.
<br>
<br>
<br>
<span class="HTML5">Hello Guyz </span>Good <span class="HTML5">Morning</span>.
</body>
</html>
2. Mark element
It is basically used for highlighting the text.
In other words I can say that the mark element is new to HTML5 and represents a span of text that is highlighted due to its relevance in another context.
Example
<html>
<head>
<title>Mark Example</title>
</head>
<body>
Hello Guyz Good Morning..
<p>
I like
<mark>HTML5</mark>
and
<mark>JavaScript.</mark>
</p>
</body>
</html>
3. Ins element
The ins element denotes inserted content. It is also a new element in HTML5.
Example
<html>
<head>
<title>Ins Example</title>
</head>
<body>
Good Morning Guyzz
<p>
<ins>I can
<mark>learn</mark>
the
<mark>HTML5.</mark>
</ins>
</p>
</body>
</html>
4. Del element
We denote text that has been removed from the document using the del element. It is also a new element in HTML5.
Example
<html>
<head>
<title>Del Example</title>
</head>
<body>
Good Morning Guyzz
<p>
<del>A king
<mark>has</mark>
no
<mark>friend.</mark>
</del>
</p>
</body>
</html>